Gambar header blog dengan AI: rasio, ruang untuk judul, tampilan yang konsisten, dan file yang ringan

Header blog punya tugas kecil: memberi tahu pembaca, dalam setengah detik, tempat macam apa ini. Setelah itu ia dipotong oleh kartu, pratinjau media sosial, dan layar ponsel, lalu judul diletakkan di atasnya. Sebagian besar header yang lemah bukan jelek, hanya dibuat tanpa memikirkan semua itu. Inilah urutan kerja saya, dari bingkai sampai file.

1. Mulai dari bingkai terlebar yang akan Anda perlukan

Kebanyakan tema blog menampilkan header dalam 16:9 atau mendekatinya, jadi pilih rasio itu di pemilih Rasio studio sebelum render pertama. Harga tidak bergantung pada bingkai, hanya pada model dan kualitas, jadi tidak ada penghematan dengan menebak kecil. Merender lebar lalu memotong nanti bisa dilakukan; merender persegi lalu meregangkan tidak bisa, karena sisi yang kurang memang tidak ada. Panduan rasio aspek membahas bingkai lain kalau tema Anda tidak lazim.

Tulis adegannya untuk bentuk yang lebar juga. Yang cocok adalah hal-hal yang memanjang ke samping: garis pantai, meja kerja, barisan benda. Satu subjek tinggi di bingkai lebar menyisakan dua sisi kosong yang besar, yang kadang persis seperti yang Anda mau dan kadang sia-sia.

2. Sisakan ruang untuk judul

Jika tema Anda menaruh judul di atas gambar, gambar butuh area yang tenang. Jika judul ada di bawahnya, Anda bisa melewati langkah ini dan memakai seluruh bingkai. Bagaimanapun, putuskan sebelum menulis prompt. Artikel tentang ruang untuk teks memuat versi panjangnya; versi singkatnya: sebut area kosong dan bahan penyusunnya, lalu taruh subjek di sisi seberang.

Area gelap dan tenang paling mudah ditulisi, sebab huruf terang di latar gelap tetap terbaca meski render punya sedikit tekstur. Area terang juga bisa, tetapi bentuk nyasar apa pun langsung terlihat di belakang huruf gelap.

3. Jaga satu tampilan di seluruh blog

Indeks blog adalah kisi header yang dilihat bersamaan, dan di situlah ketidakkonsistenan paling terasa. Pilih satu resep kecil dan pakai kata demi kata: jenis subjek yang sama (satu benda, satu suasana), cahaya yang sama, palet dua warna, jarak kamera yang sama. Simpan resep itu di file teks dan ubah hanya baris subjek di tiap tulisan.

• Aturan subjek: satu benda per header, jangan pernah keramaian.
• Cahaya: satu sumber bernama dan satu warna bernama, misalnya lampu hangat yang rendah.
• Palet: dua warna, ditulis di setiap prompt.
• Pembingkaian: subjek selalu di sisi yang sama, dan sisi kosong untuk judul juga selalu sama.

Untuk beberapa header pertama, lampirkan favorit Anda sebagai referensi agar render berikutnya mewarisi suasananya. Artikel gambar referensi menjelaskan seberapa kuat referensi bertahan dan di mana ia melemah. Pakai juga model yang sama untuk seluruh blog: dua model membaca kata yang sama dengan cara berbeda, dan perbedaannya tampak di kisi. Still adalah pilihan bawaan yang masuk akal, mulai €0.40 per render, dan Still Lite mulai €0.30 cukup untuk mencoba komposisi sebelum Anda membayar versi akhir.

4. Periksa pemotongan sebelum memublikasikan

Satu header menjadi beberapa bentuk: header lebar, thumbnail kartu yang sering mendekati persegi, dan pratinjau sosial. Uji yang terburuk. Potong gambar jadi persegi dari tengah dan tanyakan apakah subjeknya selamat. Jika subjek ada di sisi paling kanan, persegi akan memotongnya: letakkan di dua pertiga tengah, atau rencanakan render kedua dalam bingkai yang lebih persegi untuk kartu.

5. Jaga bobot file tetap wajar

Studio memberi gambar hingga 2K, lebih besar dari yang biasanya dibutuhkan header halaman. Header yang tampil selebar kolom konten tidak perlu dikirim dalam ukuran penuh; memperkecilnya menjadi sekitar dua kali lebar tampilnya menjaganya tetap tajam di layar berkepadatan tinggi. Lalu simpan di editor Anda sendiri dalam format web modern dengan kualitas sedang. Gradasi halus, seperti dinding ungu gelap, adalah tempat kompresi berlebihan pertama kali tampak sebagai pita yang terlihat, jadi periksa area gelap dalam ukuran penuh setelah kompresi.

Header yang tenang dan minim detail juga lebih ringan di jaringan daripada yang ramai, karena ada lebih sedikit detail untuk disimpan. Gambar yang bagus untuk judul juga bagus untuk kecepatan halaman. Jika Anda butuh kebalikannya, versi lebih besar dari render yang sudah Anda suka, artikel upscaler menjelaskan kapan memakainya.

Yang tidak bisa dilakukan studio di sini

Studio tidak memotong, mengubah ukuran, atau mengompres untuk Anda, dan tidak punya templat yang menaruh judul di atas gambar: itu Anda lakukan di alat Anda sendiri. Studio tidak bisa menjamin area tenang tetap kosong, jadi beberapa render perlu diulang. Dan studio tidak bisa berjanji sepuluh header yang dibuat selama sepuluh minggu akan cocok sempurna; resep tertulis dan referensi membuat Anda dekat, tidak identik. Jika merek Anda butuh warna yang persis, samakan seluruh set di editor Anda.

Buka studio dan render tiga header dengan resep yang sama. Letakkan berdampingan sebelum Anda memutuskan. Untuk gaya lain, jelajahi model gambar di halaman model; artikel thumbnail dan sampul membahas pekerjaan tetangganya, yaitu gambar pratinjau kecil.