Prošlo je dosta vremena otkad su retina zasloni na iOS uređajima prvi put objavljeni, ali još uvijek ima puno web-mjesta koja nisu spremna za mrežnicu, čak i kada su dizajneri i razvojni inženjeri stekli dojam o činjenicama potpuno odgovornog, mobilnog prijateljski svijet.
Evo što trebate znati o mogućnostima za postizanje najboljeg izgleda vašeg rada na sve češćim zaslonima retine. Dobra vijest je da, koliko god se činilo zastrašujućim, doista nije toliko komplicirano.
$config[code] not foundPriprema web-lokacije za slike spremne za mrežnicu
Dvaput zabavite
Postoje zapravo brojni načini na koje možete skinuti ovu mačku, da tako kažemo. U prvoj ćete morati malo izoštriti CSS i uključiti verzije vaših slika s dvostrukom uobičajenom razlučivošću. CSS će odrediti koju će se sliku prikazati na temelju uređaja na kojem se web-lokacija pregledava.
CSS ažuriranja koja su vam potrebna trebat će varirati ovisno o ciljanim preglednicima, ali dobra vijest je da sada nije strašno komplicirana i postaje sve jednostavnija. Stvarno kodiranje ostavit ćemo na neki drugi dan.
Imajte na umu: možda ćete htjeti razviti konvenciju imenovanja za slike mrežnice tako da možete lako povezati dvije verzije slike u slučaju da ih je potrebno kasnije urediti.
SVG
Drugi pristup je SVG ili Scalable Vector Graphics. Kao što naziv implicira, oni su ograničeni na vektorsku grafiku i neće raditi s fotografskim slikama, ali SVG grafika eliminira potrebu za dvije slikovne datoteke za svaku grafiku na vašoj web-lokaciji. Opet, postoje varijacije od preglednika do preglednika pa ćete htjeti napraviti dodatna istraživanja, ovisno o vašim potrebama.
Kao što je već spomenuto, SVG vjerojatno neće funkcionirati kao jedino rješenje na većini web-lokacija, osim ako web-lokacija ne sadrži fotografije foto-tipa.
Sirova snaga
Naravno, također možete jednostavno odbaciti datoteke niske razlučivosti i poslužiti samo slike spremne za mrežnicu. To bismo preporučili samo za uporabu s vrlo čvrsto definiranom publikom. Ako znate da propusnost neće biti problem, to bi mogao biti pravi put, ali zasigurno nije najbolja praksa
Druga rješenja za kodiranje
Na drugom kraju spektra napora i elegancije nalaze se metode kodiranja koje se oslanjaju na neke promjene na strani poslužitelja (kao što su.htaccess unosi u datoteku) zajedno s PHP i Javascript kodiranjem.
To bi mogao biti vaš najbolji pristup, iako se trud koji je uključen možda ne isplati za manje projekte.
Sveukupno gledajući, pristup koji ćete poduzeti ovisit će o vašoj publici, prirodi vizualnih sadržaja vaše web-lokacije i razini tehničke stručnosti vašeg razvojnog tima. Postoji dobro rješenje za svaku situaciju. Jedino loše rješenje je potpuno zanemarivanje prikaza retine.
NASDAQ fotografija putem Shutterstocka
