Ito ay medyo ilang oras dahil ang Retina ay nagpapakita sa mga aparatong iOS ay unang inilabas, ngunit may mga pa rin ng maraming mga website out doon na hindi Retina-handa, kahit na ang mga designer at mga developer ay nakuha balakang sa mga katotohanan ng isang ganap na tumutugon, mobile -friendly world.
Narito kung ano ang kailangan mong malaman tungkol sa mga pagpipilian para sa paggawa ng iyong trabaho hitsura nito pinakamahusay na sa lalong karaniwang mga Retina display. Ang mabuting balita ay na, tulad ng nakakatakot na maaaring mukhang, talagang hindi ito kumplikado.
$config[code] not foundPaghahanda ng Iyong Website para sa Retina-Ready Images
Double Your Fun
Mayroong ilang mga paraan na maaari mong balat ang cat na ito, kaya magsalita. Sa una, kakailanganin mong patalasin ang iyong CSS nang kaunti at isama ang mga bersyon ng iyong mga imahe sa dobleng kanilang normal na resolution. Matutukoy ng CSS kung aling imaheng ipapakita batay sa device kung saan tinitingnan ang iyong site.
Ang mga pag-update ng CSS na kakailanganin mo ay mag-iiba depende sa iyong mga target na browser, ngunit ang mabuting balita ay hindi ito kumplikado ngayon, at nagiging mas madali. Aalisin namin ang aktwal na coding sa ibang araw.
Isang bagay na dapat tandaan: maaaring gusto mong bumuo ng isang kombensyon sa pagbibigay ng pangalan para sa iyong mga retina na imahe upang madali mong iugnay ang dalawang bersyon ng isang imahe kung sakaling kailangan nilang ma-edit sa ibang pagkakataon.
SVG
Ang isa pang diskarte ay SVG, o Scalable Vector Graphics. Tulad ng ipinahihiwatig ng pangalan, ang mga ito ay limitado sa vector graphics at hindi gagana sa mga larawan ng photographic, ngunit pinapaliban ng SVG graphics ang pangangailangan para sa dalawang mga file ng imahe para sa bawat graphic sa iyong site. Muli, may mga pagkakaiba-iba mula sa browser patungo sa browser kaya gusto mong gumawa ng karagdagang pananaliksik depende sa iyong mga pangangailangan.
At tulad ng nabanggit sa itaas, ang SVG ay malamang na hindi magtrabaho bilang iyong tanging solusyon sa karamihan sa mga site, maliban kung ang site ay hindi naglalaman ng mga larawan ng uri ng larawan.
Malupit na puwersa
Siyempre, maaari mo ring i-dump ang mga file na may mababang resolution at maghatid lamang ng mga imaheng Retina-handa na. Gusto lamang naming inirerekumenda ito para sa mga paggamit na may isang napaka mahigpit na tinukoy na madla. Kung alam mo ang bandwidth ay hindi magiging isang isyu, maaaring ito ang tamang ruta, ngunit ito ay tiyak na hindi isang pinakamahusay na kasanayan
Iba pang Mga Solusyon sa Coding
Sa iba pang mga dulo ng pagsisikap at gilas spectrum ay coding pamamaraan na umaasa sa ilang mga pagbabago sa server-side (tulad ng. Htaccess file entry) kasama ang PHP at Javascript coding.
Maaaring ito ang iyong pinakamahusay na diskarte, kahit na ang pagsisikap na kasangkot ay maaaring hindi katumbas ng halaga para sa mas maliit na mga proyekto.
Sa pangkalahatan, ang diskarte na iyong dadalhin ay nakasalalay sa iyong tagapakinig, ang likas na katangian ng mga visual ng iyong site, at antas ng antas ng teknikal na kadalubhasaan ng iyong development team. May isang mahusay na solusyon para sa halos bawat sitwasyon. Ang tanging masamang solusyon ay hindi binabalewala ang Retina ay nagpapakita nang buo.
NASDAQ Photo via Shutterstock
