Berapa lebar maksimal gambar dalam piksel untuk web?

Untuk gambar layar penuh kami rekomendasikan maksimal 1920 piksel. Untuk konten dalam kolom maksimal 1200 piksel. Thumbnail sebaiknya 300-600 piksel.

Berapa ukuran file maksimal untuk pengalaman web yang baik?

Usahakan di bawah 200 KB untuk gambar konten biasa dan di bawah 500 KB untuk gambar latar belakang yang besar. File yang lebih kecil berarti loading lebih cepat dan pengguna lebih puas.

Bagaimana cara memeriksa apakah gambar saya sudah dioptimalkan?

Gunakan Google PageSpeed Insights, GTmetrix, atau Lighthouse untuk analisis gratis. Alat ini menunjukkan dengan tepat gambar mana yang perlu dioptimalkan dan seberapa besar kecepatan akan meningkat.

Apakah WebP lebih baik dari JPEG untuk website?

Ya, WebP umumnya menawarkan file 25-35% lebih kecil dengan kualitas yang sama. Semua browser modern mendukung WebP, sehingga menjadi pilihan yang baik untuk proyek baru.

Apakah gambar memengaruhi peringkat SEO?

Ya, dengan dua cara. Gambar yang loading lambat memperburuk metrik Core Web Vitals yang dapat menurunkan peringkat SEO. Gambar yang dioptimalkan dengan baik beserta teks alt membantu peringkat yang lebih baik.

Bagaimana cara mengoptimalkan gambar untuk website agar loading cepat?

Pelajari cara mengubah ukuran dan mengoptimalkan gambar untuk meningkatkan kecepatan loading website dan memperbaiki peringkat SEO.

Coba alat gratis kami

Tanpa pendaftaran, pemrosesan 100% lokal.

Gunakan Redimensionner image

Optimasi gambar adalah salah satu faktor terpenting dalam kecepatan loading website. Gambar yang tidak dioptimalkan dapat memperlambat situs Anda secara signifikan dan merusak peringkat SEO.

Google dan mesin pencari lain menganggap kecepatan loading sebagai faktor penting dalam peringkat. Loading lebih cepat berarti posisi lebih baik di hasil pencarian dan pengalaman pengguna yang lebih baik.

Dalam panduan ini Anda akan belajar menemukan keseimbangan yang tepat antara kualitas dan ukuran file untuk memastikan performa website Anda optimal.

Daftar Isi

Ukuran yang tepat untuk gambar web

Gambar untuk konten utama sebaiknya tidak lebih lebar dari 1200-1600 piksel untuk banner layar penuh.

Thumbnail di posting blog sebaiknya sekitar 400-600 piksel lebar untuk tampilan dan kecepatan yang optimal.

Gambar di galeri sebaiknya dimuat dalam format kecil dan meningkatkan resolusi hanya jika diperlukan.

Logo dan ikon sebaiknya dalam format SVG jika memungkinkan untuk skalabilitas tanpa kehilangan kualitas.

Format dan kompresi yang direkomendasikan

Format WebP menawarkan file 25-35% lebih kecil dari JPEG dengan kualitas visual yang sama, ideal untuk web.

Kompresi JPEG pada 70-85% umumnya menawarkan keseimbangan yang baik antara kualitas dan ukuran file.

PNG hanya direkomendasikan untuk gambar dengan latar belakang transparan atau teks, karena file lebih besar dari JPEG.

AVIF adalah standar baru untuk gambar web dengan file yang lebih kecil lagi, meski dukungan browser masih berkembang.

Lazy loading dan gambar responsif

Lazy loading memungkinkan gambar dimuat hanya ketika pengguna menggulir dan mencapainya di halaman.

Atribut srcset dalam HTML memungkinkan browser memilih ukuran gambar yang paling sesuai berdasarkan resolusi layar.

Gambar responsif memastikan pengguna mobile mengunduh gambar yang lebih kecil daripada versi ukuran penuh.

Layanan CDN dapat secara otomatis mengoptimalkan dan mengirimkan gambar dari server yang dekat dengan pengguna.

Pengukuran performa

Google PageSpeed Insights menunjukkan gambar mana di situs Anda yang perlu dioptimalkan dan seberapa besar kecepatan bisa meningkat.

Lighthouse terintegrasi di Chrome DevTools memberikan laporan terperinci tentang performa gambar.

Core Web Vitals mencakup Largest Contentful Paint yang mengukur berapa lama gambar utama halaman dimuat.

GTmetrix dan WebPageTest adalah alat tambahan untuk analisis mendalam performa website.

Alat yang direkomendasikan

Ubah ukuran gambar online gratis

Ubah ukuran gambar Anda dalam piksel atau persentase. Pertahankan proporsi atau ...

Kompres gambar online Konversi gambar online

Cara melakukannya dalam 3 langkah

Analisis gambar di situs Anda dengan Google PageSpeed Insights untuk mengidentifikasi masalah.

Tentukan lebar maksimal gambar yang akan ditampilkan di situs Anda.

Unggah gambar ke ConvertlyPicture dan ubah ukurannya ke dimensi yang benar.

Pilih format yang sesuai: WebP untuk foto, PNG untuk gambar transparan, SVG untuk ikon.

Uji kecepatan loading sebelum dan sesudah optimasi untuk melihat peningkatannya.

Tips Pro

Simpan versi asli.
Coba beberapa tingkat kualitas.
Gunakan WebP bila memungkinkan.
Pilih nama file deskriptif.

Kesalahan umum yang harus dihindari

✗Mengunggah foto kamera asli dengan resolusi penuh langsung ke website.
✗Menggunakan PNG untuk semua gambar alih-alih JPEG untuk foto yang meningkatkan ukuran secara tidak perlu.
✗Lupa menambahkan teks alternatif pada gambar yang merusak SEO dan aksesibilitas.
✗Tidak menggunakan caching untuk gambar yang memaksa browser mengunduhnya setiap kunjungan.

Pertanyaan umum

Siap mencoba?

Alat kami gratis, tanpa pendaftaran, dan menghormati privasi Anda.