Sediakan imej utama yang berfungsi dalam susun atur halaman sebenar

Imej utama sering muncul di sebelah atau di belakang tajuk utama. Semak kedudukan subjek, teks dan kawalan pada lebar berbeza sebelum memilih eksport. Wajah berhampiran tepi panorama desktop mungkin hilang dalam pangkasan telefon tinggi. Fail lebih besar tidak akan membaiki masalah pembingkaian itu. Buat komposisi berasingan apabila susun atur memerlukannya menggunakan penyunting reka bentuk atau foto anda.

Alat ini boleh memuatkan atau memangkas foto yang diberi, tetapi tidak boleh memanjangkan latar, membuang objek atau mencipta ruang kosong untuk teks. Jangan bergantung pada penajaman untuk menjadikan latar sibuk sesuai untuk teks. Laman web masih memerlukan kontras mencukupi dan susun atur yang mengekalkan mesej mudah dibaca. Simpan fail induk sumber supaya anda boleh mencipta pangkasan telefon berbeza tanpa menyunting berulang kali fail penghantaran desktop yang sudah termampat.

Tetapan permulaan dimuatkan dalam 1920×1920 piksel dan mengeksport WebP dengan penajaman Ringan. Kotak itu had contoh, bukan keperluan setiap imej utama. Ukur peranan susun atur sebenar imej dan sediakan calon sesuai melalui laman web anda. Muat dalam mengekalkan komposisi sumber, manakala Saiz tepat memberikan pangkasan tertentu yang patut disemak dengan teliti.

Periksa wajah, tepi seni bina, kecerunan dan sebarang butiran halus penting kepada halaman. Bandingkan WebP dengan JPEG pada dimensi setara daripada menganggap sambungan tertentu sentiasa menang. Kekalkan PNG untuk grafik lutsinar apabila perlu, kerana eksport WebP semasa di sini menggunakan latar putih. Elakkan membesarkan pratonton stok kecil: gunakan sumber resolusi penuh berlesen. Had bait boleh memaksa pengurangan kualiti atau piksel, jadi nilai dimensi dieksport dan hasil kelihatan bersama-sama.

Fail hanya satu bahagian prestasi imej utama. Laman anda mesti meminta sumber betul cukup awal, memperuntukkan ruangnya dan mengelakkan kelewatan imej utama yang kelihatan akibat kerja tidak berkaitan. Imej utama di bahagian atas halaman lazimnya unsur visual besar, jadi semak tingkah laku pemuatan sebenar daripada menggunakan pemuatan malas secara automatik. Penukar tidak boleh mengubah penanda halaman, sistem kandungan atau konfigurasi pengehosan anda.

Letakkan calon dalam draf sebenar dan uji susun atur telefon serta desktop. Semak fail dipilih dalam alat pelayar dan ukur halaman dalam keadaan realistik sebelum mendakwa peningkatan LCP. Pastikan tajuk kekal mudah dibaca dan imej utama tidak mengalihkan susun atur apabila muncul. Kekalkan teks alternatif berguna jika gambar menyampaikan maklumat, atau perlakuan hiasan sesuai jika tidak. Selepas itu barulah gunakan pilihan eksport pada sepanduk halaman berkaitan. Pemprosesan imej itu sendiri kekal pada peranti anda.

Ujian awal berguna ialah skrin pembukaan lengkap dengan tajuk, butang dan navigasi sebenar di tempatnya. Periksa pangkasan desktop paling lebar dan pangkasan telefon disokong paling sempit. Cari subjek yang hilang, teks melintasi kawasan sibuk dan kandungan penting yang jatuh di belakang kawalan. Jika foto hanya berfungsi apabila tajuk dibuang, semak semula susun atur atau komposisi sumber sebelum terus memampatkan. Simpan pangkasan telefon berasingan apabila pelaksanaan menyokongnya dan subjek memerlukannya. Fail akhir patut menyokong mesej halaman serta bajet pemuatannya, bukan sekadar kelihatan baik bersendirian.