Kā izveidot tīmekļa vietni retina-gataviem attēliem

Satura rādītājs:

Anonim

Tas ir bijis diezgan ilgs laiks, kopš pirmoreiz tika izlaists tīklveida displejs iOS ierīcēs, taču vēl joprojām ir daudz tīmekļa vietņu, kas nav gatavas tīklam, pat tad, ja dizaineri un izstrādātāji ir guvuši gūžas nokrišņus uz pilnīgi atsaucīgiem, mobiliem draudzīga pasaule.

Lūk, ko jums jāzina par iespējām, kā padarīt jūsu darbu visizdevīgākos, kad parādās arvien biežāk redzamie tīklenes displeji. Labā ziņa ir tā, ka tikpat biedējošu, cik tas var šķist, tas nav tik sarežģīti.

$config[code] not found

Tīmekļa vietnes sagatavošana tīklam sagatavotiem attēliem

Double Your Fun

Faktiski ir vairāki veidi, kā jūs varat ēst šo kaķi, tā sakot. Pirmajā reizē būs nepieciešams nedaudz saasināt CSS un iekļautiet savu attēlu versijas divreiz parastajā izšķirtspējā. CSS noteiks, kuru attēlu attēlot, pamatojoties uz ierīci, kurā tiek skatīta jūsu vietne.

CSS atjauninājumi, kas jums būs nepieciešami, būs atkarīgi no jūsu mērķa pārlūkprogrammām, bet laba ziņa ir tā, ka tagad tā nav ļoti sarežģīta un kļūst vieglāka. Mēs atstāsim faktisko kodējumu uz citu dienu.

Viena lieta, kas jāpatur prātā: jūs varētu vēlēties izveidot nosaukumu tīklam, lai jūs varētu viegli saistīt abas attēla versijas, ja tās vēlāk ir jāpārveido.

SVG

Vēl viena pieeja ir SVG vai Scalable Vector Graphics. Kā norāda nosaukums, tie aprobežojas ar vektorgrafiku un nedarbosies ar fotogrāfiskiem attēliem, bet SVG grafika novērš vajadzību pēc diviem attēlu failiem katram jūsu vietnes grafikam. Atkal ir pārlūkprogrammas un pārlūkprogrammas varianti, tāpēc jūs vēlaties veikt papildu pētījumus atkarībā no jūsu vajadzībām.

Un, kā minēts iepriekš, SVG, iespējams, nedarbosies kā vienīgais risinājums lielākajā daļā vietņu, ja vien vietnē nav fotoattēlu.

Brutālu spēku

Protams, jūs varētu arī vienkārši izgāzt zemas izšķirtspējas failus un vienkārši kalpot tīklam gataviem attēliem. Mēs to iesakām izmantot tikai ar ļoti cieši definētu auditoriju. Ja jūs zināt, ka joslas platums nebūs problēma, tas varētu būt pareizais ceļš, bet tas noteikti nav labākā prakse

Citi kodēšanas risinājumi

Otrajā piepūles un elegances spektra galā ir kodēšanas metodes, kas balstās uz dažām serveru puses izmaiņām (piemēram,.htaccess failu ierakstiem) kopā ar PHP un Javascript kodēšanu.

Tas varētu būt jūsu labākā pieeja, lai gan mazajiem projektiem iesaistītie centieni var nebūt tā vērts.

Kopumā jūsu pieeja būs atkarīga no jūsu auditorijas, jūsu vietnes vizuālā rakstura un jūsu izstrādes komandas tehniskās zināšanas. Ir labs risinājums gandrīz jebkurai situācijai. Vienīgais sliktais risinājums ir ignorēt tīklenes attēlus pilnībā.

NASDAQ Photo caur Shutterstock