Kako optimizirati JPEG za zaslone mrežnice?

Za namestitev zaslonov z visoko ločljivostjo / mrežnico boste želeli uporabiti sliko, ki je široka 1280 slikovnih pik, kar imenujemo 2x. Medtem ko bo grafika na spletnem mestu še vedno prikazana s širino 640 slikovnih pik, gostoto slikovnih pik podvojite z uporabo slike, ki je dvojna.

1. Kaj je optimizirana mrežnica?
2. Kako naredim sliko, pripravljeno na mrežnico?
3. Kako naredim spletno mesto Retina Ready?
4. Kakšna ločljivost je Retina Display?

Kaj je optimizirana mrežnica?

Zahteve za optimizacijo mrežnice

Sandvox lahko vaše slike optimizira za Retina Zasloni, če je velikost izvorne slike v slikovnih pikah vsaj dvakrat večja, v točkah, slike, kot je prikazana v Sandvoxu. ... Če je tudi izvorna datoteka velikosti 400 x 400 slikovnih pik, bo na zaslonu mrežnice prikazana pikselirana.

Kako naredim sliko, pripravljeno na mrežnico?

Naprave Retina imajo več slikovnih pik na palec, zato za zapolnitev teh dodatnih slikovnih pik zahtevajo slike visoke ločljivosti.
...

1. 1. korak: Za svoje spletno mesto morate ustvariti slike z dvojnimi dimenzijami slikovnih pik. ...
2. 2. korak: Slike Retina servirajte na naprave Retina. ...
3. 3. korak: Naložite svoje slike mrežnice v WordPress in jih uporabite na svojem spletnem mestu.

Kako naredim spletno mesto Retina Ready?

Če želite spletno mesto pripraviti na mrežnico, uporabite Scalable Vector Graphics (SVG), kadar koli je to mogoče. SVG je grafična oblika, ki temelji na XML in prikazuje slike v visoki kakovosti. Slike SVG si lahko ogledate v internetnih brskalnikih, ki uporabljajo XML, ali pa jih prikažete na mobilnih telefonih v datotekah SVGB ali SVGT.

Kakšna ločljivost je Retina Display?

Izvorna ločljivost: 2880 x 1800 pri 220 slikovnih pikah na palec. Podpora za milijone barv. 13-palčni modeli MacBook Pro, predstavljeni konec leta 2012 ali pozneje. Izvorna ločljivost: 2560 x 1600 pri 227 slikovnih pikah na palec.