Responsivne slike srcset

Sada svi frejmvorci imaju Image komponentu koja na razlicitim rezolucijama ekrana prikazuje razlicitu rezoluciju slike. Onda ti imas sirinu i visinu slike (fajla) i plus sirinu i visinu u CSS-u i onda na vecim sirinama ekrana prikazujes slike sa vecom rezolucijom.

Glavna stvar koja me ovde buni jeste da li ti trebas da prikazes sliku koja je nesto veca ili manja od zadatih CSS dimenzija? Tj. da li slika treba da se up-scaleuije ili down-scaleuje CSS-om? I objasnjenje zasto je tako bolje.

Recimo sirina ekrana izmedju 768px i 1024px, trebam li u tom opsegu da sirim sliku od 768px ili da sabijam sliku od 1024px? Ili cak da koristim sliku sa sredine opsega, recimo 920px?

Treba mi objasnjenje principa i koja logika stoji iza odluke da se koristi slika sa pocetka, sredine ili kraja opsega.

View Reddit by darko-davidovicView Source

Sada svi frejmvorci imaju Image komponentu koja na razlicitim rezolucijama ekrana prikazuje razlicitu rezoluciju slike. Onda ti imas sirinu i visinu slike (fajla) i plus sirinu i visinu u CSS-u i onda na vecim sirinama…