Berapa ukuran gambar yang seharusnya untuk Instagram?
Empat bentuk Instagram yang layak ditargetkan, mengapa masing-masing memiliki lebar 1080 piksel, dan apa yang perlu diperbaiki dalam ekspor Anda sebelum platform mengkode ulang.
Instagram memiliki empat bentuk yang layak ditargetkan, dan resizer kami mengirimkan setiap bentuk sebagai tombol: Postingan Persegi di 1080x1080, Postingan Potret di 1080x1350, Cerita / Reel di 1080x1920 dan Lanskap di 1080x566. Lihat apa yang mereka miliki bersama. Keempatnya memiliki lebar 1080 piksel. Itu adalah angka yang paling berguna untuk diingat sebelum Anda mengekspor apa pun, karena di situlah platform berhenti peduli tentang piksel tambahan Anda.
Sisanya adalah tentang piksel yang tidak Anda butuhkan. Foto 3840x2160 lebih dari tiga kali lebih lebar dari 1080, jadi Instagram mengambil sampel ulang dan mengkode ulang dengan pengaturan yang tidak pernah Anda lihat. Anda masih mengontrol apa yang menjadi awalnya. Di bawah ini adalah cara kami mengatur ekspor di alat kami sendiri, dengan angka yang kami ukur saat menjalankannya.
Apa saja ukuran gambar Instagram yang empat?
Ini adalah preset persis seperti yang didefinisikan dalam kode resizer. Rasio hanya pembagian, dilakukan untuk Anda.
| Preset | Piksel | Rasio aspek | Di mana ia muncul |
|---|---|---|---|
| Postingan Persegi | 1080 x 1080 | 1:1 | Feed |
| Postingan Potret | 1080 x 1350 | 4:5 | Feed, tertinggi yang diterima feed |
| Cerita / Reel | 1080 x 1920 | 9:16 | Cerita dan Reel |
| Lanskap | 1080 x 566 | sekitar 1,91:1 | Feed, terlebar yang diterima feed |
Dua baris layak untuk dilihat kembali. Tiga dari 15 preset sosial resizer mendarat di kotak 1080x1920 yang sama, karena Cerita / Reel Instagram, Cerita Facebook, dan Sampul Video TikTok adalah target identik, jadi satu ekspor mencakup ketiganya. Dan Lanskap bukan angka bulat karena 1,91:1 tidak membagi menjadi piksel utuh dengan bersih. 566 adalah pembulatan jujur dari 1080 dibagi 1,91.
Mengapa 1080 piksel lebar adalah batas atas?
Karena itulah yang disajikan oleh feed. Dokumentasi Content Publishing Meta menjelaskan aturan gambar feed, dan mereka sempit: JPEG, maksimum 8 MB, rasio aspek di antara 4:5 dan 1,91:1. Apa pun yang lebih lebar dari lebar tampilan akan diperkecil di mesin mereka dengan filter mereka dan tanpa pratinjau untuk Anda. Memberikan file lebar 3840 piksel tidak akan membeli ketajaman di 1080. Lakukan penurunan skala secara lokal dan Anda dapat melihatnya sebelum orang lain melakukannya. Resizer kami meminta browser untuk ukuran target langsung melalui createImageBitmap dengan resizeQuality diatur ke tinggi, dan beralih ke kanvas drawImage ketika pemotongan terlibat.
Haruskah saya memotong ke 4:5 atau mengubah ukuran ke 1080x1350?
Keduanya, dalam urutan itu. Memotret terlebih dahulu, piksel yang tepat kedua. Cropper kami mengambil satu file pada satu waktu hingga 10 MB dan menawarkan delapan preset aspek: bebas, 1:1, 4:3, 3:2, 16:9, 9:16, 3:4 dan 2:3. Tidak ada tombol 4:5, jadi ketik 4 dan 5 ke dalam kolom kustom W:H. Tidak ada input lebar atau tinggi piksel di mana pun di cropper juga, yang merupakan alasan mengapa langkah kedua ada. Setiap pemotongan mengkode ulang format lossy pada kualitas tetap 92, dan GIF keluar dari itu sebagai PNG bingkai tunggal.
Kemudian kirim pemotongan ke resizer dan tekan preset Instagram yang Anda inginkan. Mode fit menentukan apa yang terjadi selanjutnya. Cover mengubah ukuran gambar hingga memenuhi target dan memotong bagian yang berlebih, yang sebenarnya menghasilkan 1080x1350 yang tepat. Stretch memaksa kotak dan mendistorsi. Contain adalah yang mengejutkan orang, karena ia mengecilkan kanvas hingga apa pun yang muat di dalamnya, jadi Anda tidak mendapatkan bilah padding dan tidak ada 1080x1350. Satu keanehan yang kami bangun dengan sengaja: pengaman "jangan perbesar" diabaikan ketika Anda memilih preset sosial, karena membatasi setiap sumbu ke file asli yang tidak cocok dengan spesifikasi platform sama sekali.
Apa yang direkompresi Instagram, dan apa yang dapat saya kendalikan?
Itu mengkode ulang. Apa yang Anda kendalikan adalah input. Resizer kami menulis PNG tanpa kehilangan dan mengkode ulang semua yang lain pada kualitas 90 secara default, jadi JPEG yang ditujukan untuk feed mendapatkan satu kali lewat hati-hati dari Anda dan satu dari mereka. Jaga agar lewat Anda murah hati. Transparansi adalah perangkap lain, karena JPEG tidak membawa saluran alpha dalam mode apa pun, jadi PNG dengan latar belakang transparan akan diratakan oleh sesuatu. Konverter PNG ke JPG kami menempatkannya di atas putih, yang setidaknya memungkinkan Anda memeriksa hasil sebelum dikirim. Sumber animasi keluar dari resizer sebagai bingkai diam tunggal, dan itu memberi tahu Anda ketika bingkai terputus.
Apakah saya perlu mengompres sebelum mengunggah?
Biasanya tidak untuk ukuran. Ekspor 1080x1350 sudah kecil. Ada alasan yang lebih baik untuk menjalankan satu kali lewat: kompresor kami menghapus semua metadata dalam proses, termasuk EXIF, koordinat GPS, profil ICC dan thumbnail yang disematkan. Orientasi bertahan, jadi tidak ada yang tiba-tiba miring. Pada file uji kami texture.jpg, 3840x2160 dan 538,6 KB, mode pintar mengembalikan 286,1 KB, pemotongan 47%. Penggeser di 60 memberikan 212,4 KB dan 30 memberikan 131 KB dengan kerusakan yang dapat Anda lihat. Mode pintar adalah kualitas 80 untuk JPEG, dikodekan dengan MozJPEG. Satu hal yang perlu diperhatikan: ketika sumber sudah JPEG, kami mengalikan penggeser Anda dengan kualitas yang dibaca dari tabel kuantisasi, jadi sumber kualitas 60 ditambah penggeser 80 mendarat di 48. WebP dan AVIF adalah format yang lebih kecil untuk situs web. Keduanya tidak membantu untuk unggahan Instagram, dan jika bentuk lain menahan Anda pada batas byte yang ketat, tangga terukur dari 538,6 KB turun ke 131 KB adalah yang perlu dibaca.
Foto saya hanya 400 piksel lebar. Apa sekarang?
Maka 1080 adalah peningkatan, dan pengubahan ukuran biasa akan terlihat lembut, yang merupakan seluruh perbedaan antara resizer dan upscaler. Upscaler kami menjalankan Real-ESRGAN realesr-general-x4v3 di browser. Pada small.png, 400x269 dan 177,1 KB, opsi 2x menghasilkan 800x538 pada 782,8 KB dan opsi 4x menghasilkan 1600x1076 pada 2,7 MB. Hanya jalur 4x yang melewati 1080 di tepi panjang, yang Anda butuhkan sebelum menurunkan skala menjadi Lanskap di 1080x566. Model itu sendiri hanya menghasilkan 4x, jadi opsi 2x kami menjalankannya dan mengecilkan hasilnya setelahnya. Dengan WebGPU tersedia, ia menerima 32 megapiksel input, dan tanpanya sekitar 1,1 MP. Output selalu PNG. Jadi harapkan file berat dalam perjalanan menuju file ringan.
Apakah ada dari ini yang meninggalkan komputer saya?
Tidak. Tidak ada rute API dan tidak ada tindakan server dalam basis kode ini, dan satu-satunya permintaan jaringan adalah aset asal yang sama. Setiap pesaing di ruang ini mengunggah foto Anda ke server, lalu berjanji untuk menghapusnya satu atau dua jam kemudian. Kami tidak pernah mengirimnya ke mana pun. Itu juga dari mana batasan berasal, karena perangkat Anda sendiri melakukan pekerjaan: 10 file dan 50 MB per batch untuk kompresor, resizer, konverter, dan penghapus latar belakang; satu file pada satu waktu hingga 10 MB untuk cropper dan generator ikon; satu file untuk upscaler. Halaman privasi kami mengatakan hal yang sama dengan kata-kata yang lebih sedikit.
Lakukan ini sekarang. Buka resizer, masukkan foto, pilih Postingan Potret Instagram 1080x1350, biarkan mode fit di cover dan kualitas di 90, lalu unduh. Jika pemotongan tengah memotong kepala seseorang, jalankan cropper terlebih dahulu dengan rasio kustom 4:5 dan kembali. Jika file masih membawa koordinat GPS yang lebih baik tidak dipublikasikan, selesaikan dengan satu kali lewat mode pintar melalui kompresor.