Letakkan foto dan grafik Anda untuk mendapatkan salinan WebP, AVIF, dan JPG pada lebar yang dibutuhkan halaman Anda, dengan data kamera dihapus. Lihat seberapa kecil masing-masing, unduh semuanya sebagai .zip, dan tempel kode srcset. Gambar Anda tidak pernah meninggalkan perangkat ini. Gratis.
Cara mengoptimalkan gambar untuk situs web, langkah demi langkah
- Pilih gambar atau letakkan di halaman. File JPG, PNG, WebP, AVIF, dan GIF bisa dipakai.
- Centang Lebar yang Anda inginkan, dari 480 sampai 2560. Gambar tidak pernah dibuat lebih besar dari aslinya.
- Pilih Format: AVIF, WebP, cadangan JPG, dan PNG untuk gambar transparan.
- Atur Kualitas, atribut sizes, dan Folder gambar di situs Anda, dan tekan Ulangi dengan pengaturan ini jika Anda mengubahnya.
- Bandingkan Sebelum dan Sesudah, lalu tekan Unduh semua (.zip).
- Salin kode picture untuk setiap gambar dan tempel ke halaman Anda.
Mengapa beberapa lebar?
Ponsel tidak membutuhkan foto 2000 piksel yang sama dengan monitor besar. Dengan srcset, Anda mendaftar beberapa lebar dan browser memilih yang terkecil yang masih terlihat tajam di layar itu. Atribut sizes memberi tahu seberapa lebar gambar akan ditampilkan, agar bisa memilih sebelum halaman selesai ditata.
AVIF, WebP, atau JPG?
AVIF biasanya terkecil, WebP tidak jauh di belakang dan berfungsi di setiap browser terkini, dan JPG adalah cadangan aman. Kode picture menawarkannya dalam urutan itu, sehingga setiap browser mengambil yang terbaik yang dipahaminya. Gambar transparan mendapat cadangan PNG alih-alih JPG agar transparansinya terjaga. Jika format berwarna abu-abu, browser ini tidak bisa membuatnya; format lain tetap berfungsi.
Apa yang dihapus
Setiap gambar digambar ulang dan disimpan baru, jadi detail kamera, lokasi GPS, riwayat pengeditan, dan profil warna tertanam tidak disertakan. Foto yang diambil menyamping diputar tegak lebih dulu. Kualitas sekitar 75 sampai 82 adalah keseimbangan baik untuk foto; grafik dengan tepi tajam mungkin terlihat lebih baik sedikit lebih tinggi.
Mengapa penting
- Gambar yang lebih kecil membuat halaman dimuat lebih cepat, terutama di ponsel.
- Halaman yang lebih cepat lebih mudah dipakai dan cenderung lebih baik di pencarian.
- Menghapus data lokasi melindungi privasi orang dan tempat di foto Anda.
- Gambar berukuran tepat menghemat bandwidth bagi Anda dan pengunjung Anda.
Siapa yang memakainya
Blogger, pemilik toko, fotografer, dan developer yang menginginkan gambar yang tajam dan cepat dimuat. Untuk satu gambar pada ukuran file tertentu, gunakan pengompres gambar, dan untuk mengubah jenis file, konverter gambar.
Pertanyaan
Kualitas berapa yang sebaiknya saya pilih?
Sekitar 75 sampai 82 adalah keseimbangan yang baik untuk foto. Naikkan sedikit untuk grafik bertepi tajam.
Apakah saya butuh AVIF jika sudah punya WebP?
AVIF biasanya lebih kecil, dan kode picture beralih ke WebP dan JPG untuk browser yang tidak bisa menampilkannya.
Apakah gambar saya diunggah?
Tidak. Diproses di browser Anda.