Semua template website yang tersedia di Website Builder Hostinger sudah mengikuti responsive web design untuk memastikan pengalaman user (UX) yang mulus di semua perangkat. Responsive web design membuat tampilan konten website secara otomatis menyesuaikan ukuran layar dan resolusi dari perangkat yang digunakan pengunjung.
Responsive web design memungkinkan perubahan tampilan website yang dinamis di setiap perangkat yang digunakan. Dengan begitu, setiap elemen di website Anda akan tetap terlihat bagus di semua perangkat.
Namun, artinya tidak ada set dimensi ukuran gambar yang paling sesuai. Meskipun tidak ada ukuran gambar yang optimal untuk elemen gambar atau gambar latar belakang bagian, Anda dapat mengubah ukuran elemen gambar dan bagian secara manual di dalam website builder sesuai keinginan Anda.
CATATAN DAN TIPS
Maksimal ukuran gambar adalah 15 MB
Sebaiknya gunakan format gambar .webp, meskipun Website Builder Hostinger mendukung berbagai format lainnya (kecuali .heic)
Beberapa tool audit SEO akan menangkap format yang lebih modern seperti .webp atau .avif: gambar dengan format gambar .png atau .jpg cenderung tidak mendapat nilai yang positif.
Website Builder Hostinger tidak akan mengubah/mengkonversi format gambar tetapi gambat akan perkecil (compressed). Sebagai contoh, gambar asli dan gambar yang diperkecil akan memilili kualitas berbeda: gambar yang diperkecil akan memiliki kualitas yang lebih rendah dan ukuran yang lebih kecil dari 64 kB menjadi hanya 5 kB. Namun begitu, dengan ukuran yang lebih kecil, kecepatan website akan semakin meningkat
Hindari gambar dengan batas yang berlebihan; misalnya, contoh gambar di atas memiliki batas hitam yang lebar sehingga saat gambar diperkecil batas hitam tersebut juga akan secara otomatis diperkecil dan membuat gambar semakin kecil.
Ukuran link preview image yang direkomendasikan adalah 1200×630 PXPX
Format logo yang direkomendasikan adalah .png atau .svg karena logo umumnya transparan
Ukuran gambar produk yang direkomendasikan adalah 600×600 or 900×900 PX
Hindari mengunggah visual dengan judul berisi spasi atau karakter khusus/non-Latin
Hindari menggunakan GIF karena dapat memperlambat kecepatan halaman