Cara mengoptimumkan JPEG untuk paparan retina?

Untuk menampung paparan resolusi tinggi / retina, anda harus menggunakan gambar selebar 1280 piksel, yang disebut sebagai "2x". Walaupun grafik masih akan dipaparkan di laman web dengan lebar 640 piksel, anda menggandakan kepadatan piksel dengan menggunakan gambar yang berukuran dua kali ganda.

1. Apa yang dioptimumkan retina?
2. Bagaimana saya membuat gambar siap retina?
3. Bagaimana saya membuat laman web saya Retina Ready?
4. Resolusi apa itu Retina Display?

Apa yang dioptimumkan retina?

Keperluan Pengoptimuman Retina

Sandvox dapat mengoptimumkan gambar anda untuk Retina Display jika ukuran, dalam piksel, gambar sumber sekurang-kurangnya dua kali ukuran, dalam titik, gambar seperti yang muncul di Sandvox. ... Sekiranya fail sumber juga berukuran 400x400 piksel, ia akan muncul piksel pada Retina Display.

Bagaimana saya membuat gambar siap retina?

Peranti retina mempunyai lebih banyak piksel per inci, jadi mereka memerlukan gambar beresolusi tinggi untuk mengisi piksel tambahan tersebut.
...

1. Langkah 1: Anda perlu menghasilkan gambar dengan dimensi piksel dua kali ganda untuk laman web anda. ...
2. Langkah 2: Layan Imej Retina ke Peranti Retina. ...
3. Langkah 3: Muat naik Gambar Retina anda ke WordPress dan Gunakannya di Laman Web anda.

Bagaimana saya membuat laman web saya Retina Ready?

Untuk menjadikan laman web anda sedia retina, gunakan Grafik Vektor Berskala (SVG) bila boleh. SVG adalah format grafik berasaskan XML yang menampilkan gambar dalam kualiti tinggi. Gambar SVG dapat dilihat di penyemak imbas Internet yang menggunakan XML atau dipaparkan di telefon bimbit dalam format fail SVGB atau SVGT.

Resolusi apa itu Retina Display?

Resolusi asli: 2880 x 1800 pada 220 piksel per inci. Sokongan untuk berjuta-juta warna. Model MacBook Pro 13 inci yang diperkenalkan pada akhir 2012 atau lebih baru. Resolusi asli: 2560 x 1600 pada 227 piksel per inci.