Siapkan gambar pahlawan yang berfungsi dalam tata letak halaman sebenarnya

Gambar pahlawan sering kali muncul di samping atau di belakang judul utama. Periksa posisi subjek, teks, dan kontrol pada lebar yang berbeda sebelum memilih ekspor. Wajah di dekat tepi panorama desktop mungkin hilang pada potongan ponsel yang tinggi. File yang lebih besar tidak akan memperbaiki masalah pembingkaian tersebut. Buat komposisi terpisah bila tata letak memerlukannya, menggunakan desain atau editor foto Anda.

Alat ini dapat menyesuaikan atau memotong foto yang disediakan, namun tidak dapat memperluas latar belakang, menghilangkan objek, atau membuat ruang kosong untuk penyalinan. Jangan mengandalkan penajaman untuk membuat latar belakang sibuk cocok untuk teks. Website masih memerlukan kontras yang memadai dan tata letak yang membuat pesan tetap terbaca. Pertahankan master sumber sehingga Anda dapat membuat potongan ponsel yang berbeda tanpa berulang kali mengedit file pengiriman desktop yang sudah dikompresi.

Pengaturan awal sesuai dengan 1920 dengan piksel 1920 dan mengekspor WebP dengan Penajaman ringan. Kotak itu adalah batasan ilustratif, bukan persyaratan untuk setiap pahlawan. Ukur peran tata letak gambar yang sebenarnya dan berikan kandidat yang sesuai melalui situs web Anda. Fit inside mempertahankan komposisi sumber, sementara Exact size memberikan hasil pemotongan tertentu yang harus Anda tinjau dengan cermat.

Periksa permukaan, tepi arsitektur, gradien, dan detail halus apa pun yang penting pada halaman. Bandingkan WebP dengan JPEG pada dimensi yang setara alih-alih berasumsi ekstensi tertentu selalu menang. Pertahankan PNG untuk grafik transparan bila diperlukan, karena ekspor WebP saat ini di sini menggunakan latar belakang putih. Hindari memperbesar pratinjau stok kecil: gunakan sumber resolusi penuh berlisensi. Batas byte dapat memaksa pengurangan kualitas atau piksel, jadi nilailah dimensi yang diekspor dan hasil yang terlihat secara bersamaan.

File tersebut hanya salah satu bagian dari performa hero. Situs Anda harus meminta sumber yang tepat sejak dini, memesan ruangnya, dan menghindari menunda pahlawan yang terlihat di balik pekerjaan yang tidak terkait. Pahlawan paruh atas biasanya merupakan elemen visual utama, jadi periksa perilaku pemuatan sebenarnya daripada menerapkan pemuatan lambat secara otomatis. Konverter tidak dapat mengubah markup halaman, sistem konten, atau konfigurasi hosting Anda.

Tempatkan kandidat dalam draf sebenarnya dan uji tata letak ponsel dan desktop. Periksa file yang dipilih di alat browser dan ukur halaman dalam kondisi realistis sebelum mengklaim peningkatan LCP. Pastikan judulnya tetap dapat dibaca dan pahlawan tidak mengubah tata letaknya saat muncul. Simpan teks alternatif yang berguna jika gambar menyampaikan informasi, atau hiasan dekoratif yang sesuai jika tidak. Baru kemudian terapkan pilihan ekspor ke spanduk halaman terkait. Pemrosesan gambar itu sendiri tetap ada di perangkat Anda.

Tes pertama yang berguna adalah layar pembuka lengkap dengan judul, tombol, dan navigasi sebenarnya di tempatnya. Periksa potongan desktop terluas dan potongan ponsel tersempit yang didukung. Cari subjek yang menghilang, teks melintasi area sibuk, dan konten penting berada di belakang kontrol. Jika foto hanya berfungsi saat judulnya dihapus, periksa kembali tata letak atau komposisi sumbernya sebelum mengompresi lebih lanjut. Simpan potongan telepon terpisah jika implementasinya mendukung dan subjek memerlukannya. File akhir harus mendukung pesan halaman serta anggaran pemuatannya, bukan sekadar terlihat bagus saja.