Hvordan optimalisere JPEG-er for netthinnedisplayer?

For å imøtekomme skjermer med høy oppløsning / netthinnen, vil du bruke et bilde som er 1280 piksler bredt, det som er referert til som “2x”. Mens grafikken fremdeles vises på nettstedet med en bredde på 640 piksler, dobler du pikseltettheten ved å bruke et bilde som er dobbelt så stort.

1. Hva er netthinnen optimalisert?
2. Hvordan lager jeg et netthinneklar bilde?
3. Hvordan gjør jeg nettstedet mitt Retina Ready?
4. Hvilken oppløsning er Retina Display?

Hva er netthinnen optimalisert?

Retina Optimalisering Krav

Sandvox kan optimalisere bildene dine for Retina Viser hvis størrelsen, i piksler, på kildebildet er minst dobbelt så stor, i poeng, av bildet som det ser ut i Sandvox. ... Hvis kildefilen også er 400x400 piksler, vises den pikselisert på en Retina-skjerm.

Hvordan lager jeg et netthinneklar bilde?

Retina-enheter har flere piksler per tomme, så de krever høyoppløselige bilder for å fylle ut de ekstra pikslene.
...

1. Trinn 1: Du må produsere bilder med doble pixeldimensjoner for nettstedet ditt. ...
2. Trinn 2: Server Retina-bilder til Retina-enheter. ...
3. Trinn 3: Last opp Retina-bildene dine til WordPress og bruk dem på nettstedet ditt.

Hvordan gjør jeg nettstedet mitt Retina Ready?

For å gjøre nettstedet ditt retina-klart, bruk Scalable Vector Graphics (SVG) når det er mulig. SVG er et XML-basert grafisk format som presenterer bilder i høy kvalitet. SVG-bilder kan vises i nettlesere som bruker XML eller vises på mobiltelefoner i SVGB- eller SVGT-filformat.

Hvilken oppløsning er Retina Display?

Native oppløsning: 2880 x 1800 ved 220 piksler per tomme. Støtte for millioner av farger. 13-tommers MacBook Pro-modeller introdusert i slutten av 2012 eller senere. Innfødt oppløsning: 2560 x 1600 ved 227 piksler per tomme.