Cara mengoptimalkan JPEG untuk tampilan retina?

Untuk mengakomodasi tampilan resolusi/retina tinggi, Anda akan ingin menggunakan gambar dengan lebar 1280 piksel, yang disebut sebagai “2x”. Sementara grafik akan tetap ditampilkan di situs web dengan lebar 640 piksel, Anda menggandakan kerapatan piksel dengan menggunakan gambar yang berukuran dua kali lipat.

1. Apa itu retina yang dioptimalkan??
2. Bagaimana cara membuat gambar siap retina?
3. Bagaimana cara membuat situs web saya Retina Ready?
4. Berapa resolusi Retina Display??

Apa itu retina yang dioptimalkan??

Persyaratan Pengoptimalan Retina

Sandvox dapat mengoptimalkan gambar Anda untuk Retina Displays jika ukuran, dalam piksel, gambar sumber setidaknya dua kali ukuran, dalam poin, dari gambar seperti yang muncul di Sandvox. ... Jika file sumber juga berukuran 400x400 piksel, itu akan tampak berpiksel pada Retina Display.

Bagaimana cara membuat gambar siap retina?

Perangkat retina memiliki lebih banyak piksel per inci, sehingga memerlukan gambar beresolusi tinggi untuk mengisi piksel ekstra tersebut.
...

1. Langkah 1: Anda perlu menghasilkan gambar dengan dimensi piksel dua kali lipat untuk situs Anda. ...
2. Langkah 2: Sajikan Gambar Retina ke Perangkat Retina. ...
3. Langkah 3: Unggah Gambar Retina Anda ke WordPress dan Gunakan di Situs Anda.

Bagaimana cara membuat situs web saya Retina Ready?

Untuk membuat situs web Anda siap untuk retina, gunakan Scalable Vector Graphics (SVG) bila memungkinkan. SVG adalah format grafis berbasis XML yang menyajikan gambar dalam kualitas tinggi. Gambar SVG dapat dilihat di browser Internet yang menggunakan XML atau ditampilkan di ponsel dalam format file SVGB atau SVGT.

Berapa resolusi Retina Display??

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