Kaip sukurti tinklapį tinklui paruoštiems vaizdams

Turinys:

Anonim

Tai buvo gana ilgai, nes „Retina“ ekranai „iOS“ įrenginiuose pirmą kartą buvo išleisti, tačiau vis dar yra daug svetainių, kurios nėra tinkamos „Retina“, net jei dizaineriai ir kūrėjai griebiasi su visiškai reaguojančiais, mobiliais faktais. draugiškas pasaulis.

Štai ką jums reikia žinoti apie galimybes, kaip padaryti, kad jūsų darbas būtų geriausiai matomas vis dažniau rodomuose tinklainės ekranuose. Geros naujienos yra tai, kad, kaip varginantis, atrodo, tai nėra taip sudėtinga.

$config[code] not found

Tinklalapio paruošimas tinklams paruoštiems vaizdams

Dukart savo malonumą

Iš tikrųjų yra keletas būdų, kaip šitą katę galite nudeginti. Pirma, jums reikės šiek tiek patobulinti savo CSS ir įtraukti savo vaizdų versijas dvigubai daugiau nei įprastai. CSS nustatys, kokį atvaizdą rodyti pagal įrenginį, kuriame peržiūrima jūsų svetainė.

CSS atnaujinimai, kurių jums reikės, gali skirtis priklausomai nuo jūsų taikomų naršyklių, tačiau geros naujienos yra tai, kad dabar tai nėra labai sudėtinga ir lengviau. Tikrasis kodavimas paliks kitą dieną.

Vienas dalykas, kurį reikia nepamiršti: galbūt norėsite sukurti savo tinklainės vaizdų pavadinimo konvenciją, kad galėtumėte lengvai susieti dvi vaizdo versijas, jei jas reikia redaguoti vėliau.

SVG

Kitas būdas yra SVG arba „Scalable Vector Graphics“. Kaip rodo pavadinimas, jie apsiriboja vektorine grafika ir neveiks su fotografiniais vaizdais, bet SVG grafika pašalina dviejų vaizdų failų poreikį kiekvienam jūsų svetainės grafikui. Vėlgi, yra naršyklės ir naršyklės variantų, todėl norite atlikti papildomus tyrimus, priklausomai nuo jūsų poreikių.

Kaip minėta pirmiau, SVG tikriausiai nedirbs kaip vienintelis sprendimas daugelyje svetainių, nebent svetainėje nėra nuotraukų tipo vaizdų.

Brutali jėga

Žinoma, jūs taip pat galite paprasčiausiai iškrauti mažos skiriamosios gebos failus ir tiesiog paruošti tinklainės paruoštus vaizdus. Tai rekomenduosime tik su labai glaudžiai apibrėžta auditorija. Jei žinote, kad dažnių juostos plotis nebus problema, tai gali būti tinkamas kelias, tačiau tai tikrai nėra geriausia praktika

Kiti kodavimo sprendimai

Kitame pastangų ir elegancijos spektro gale yra kodavimo metodai, kuriais remiasi kai kurie serverio pusės pakeitimai (pvz.,.Htaccess failo įrašai), kartu su PHP ir Javascript kodais.

Tai gali būti jūsų geriausias požiūris, nors mažesnės apimties projektams tai gali būti ne verta.

Apskritai, jūsų požiūris priklausys nuo jūsų auditorijos, svetainės vizualumo pobūdžio ir jūsų techninės patirties lygio. Yra geras sprendimas beveik kiekvienai situacijai. Vienintelis blogas sprendimas yra ignoruoti tinklainės rodymą visiškai.

NASDAQ nuotrauka per „Shutterstock“