Ukuran logo untuk web, media sosial, email, dan cetak

Ukuran logo bergantung pada tempat logo dipasang: persegi sekitar 400 × 400 px untuk foto profil media sosial, logo lebar sekitar 400 × 100 px untuk header situs web, lebar 100 sampai 300 px di tanda tangan email, 16 sampai 512 px untuk satu set favicon, dan untuk cetak, file vektor atau 300 dpi (dots per inch) pada ukuran cetaknya. Simpan satu file master vektor dan ekspor setiap ukuran darinya. Setiap angka platform di bawah ini ditautkan ke halaman bantuan resmi platform tersebut; ukuran diperiksa pada 4 November 2026.

Logo Finder yang gratis mengekspor PNG transparan berukuran 512, 1024, 2048, dan 4096 px, ikon persegi, paket favicon, dan file vektor untuk cetak, dari situs web perusahaan mana pun atau dari file Anda sendiri.

Berapa ukuran logo untuk situs web?

Logo header situs web biasanya berupa gambar lebar berukuran sekitar 400 × 100 px, disimpan dua kali ukuran tampilnya agar tetap tajam di layar beresolusi tinggi, atau lebih baik lagi, berupa SVG yang tajam di ukuran berapa pun. Buku panduan tema WordPress memakai 400 × 100 px dengan lebar dan tinggi fleksibel dalam contoh logo custom, dan blog Shopify merekomendasikan 400 × 100 px untuk logo lebar di desktop.

MDN menjelaskan alasan ukuran ganda ini: di layar dengan dua piksel perangkat untuk setiap piksel CSS, browser memuat file yang lebih besar, dan logo menampilkan lebih banyak detail dalam ukuran yang sama. Dengan SVG, persoalan ini tidak muncul karena ukurannya “akan menyesuaikan skala dengan mulus ke ukuran yang diinginkan” (MDN). Untuk logo yang disebutkan dalam data terstruktur situs, Google meminta ukuran setidaknya 112 × 112 px yang tampil baik di atas background putih.

Berapa ukuran logo untuk media sosial?

Foto profil media sosial berbentuk persegi, dan sebagian besar platform merekomendasikan 320 sampai 720 px per sisi: LinkedIn 400 × 400 px untuk logo halaman, X 400 × 400 px untuk foto profil, Facebook 320 × 320 px untuk foto profil halaman, dan Google Business Profile 720 × 720 px untuk foto. Tempatkan logo di bagian tengah persegi, karena Facebook memotong foto profil menjadi lingkaran.

Satu master persegi berukuran 1024 × 1024 px mencakup setiap slot profil di atas: ukurannya lebih besar daripada rekomendasi terbesar, 720 × 720 px, dan setiap platform akan mengecilkannya. Unduhan Favicon dari Logo Finder menempatkan logo di dalam persegi, tepat untuk keperluan ini. Untuk sampul dan banner, tempatkan logo lebar di atas background berwarna merek, di dalam area aman YouTube 1235 × 338 px dan jauh dari 60 px yang bisa dipotong X.

Berapa ukuran logo di tanda tangan email?

Logo tanda tangan email biasanya selebar 100 sampai 300 px dan setinggi 30 sampai 100 px, diunggah dengan ukuran dua kali lipat lalu diperkecil separuhnya di HTML tanda tangan agar tetap tajam di layar beresolusi tinggi (Email Signature Rescue). Exclaimer merekomendasikan lebar seluruh tanda tangan sekitar 600 px dan gambarnya di bawah 50 KB jika memungkinkan, dalam format PNG atau JPEG (Exclaimer).

Periksa logo dalam mode gelap sebelum Anda menerapkannya: beberapa aplikasi email mengubah background terang menjadi gelap, dan logo gelap pada PNG transparan bisa menghilang. Cara membuat logo untuk mode gelap membahas solusinya, dari garis tepi putih tipis hingga versi putih yang ditampilkan Apple Mail sebagai pengganti.

Berapa saja ukuran favicon?

Ukuran favicon yang dibutuhkan situs web adalah favicon.ico untuk tab browser, Apple touch icon 180 × 180 px untuk layar utama iPhone, serta ikon 192 × 192 dan 512 × 512 px di web app manifest, yang diwajibkan Chrome sebelum mengizinkan situs dipasang sebagai aplikasi. Untuk hasil penelusuran, Google meminta favicon persegi setidaknya 8 × 8 px dan merekomendasikan ukuran yang lebih besar dari 48 × 48 px.

Paket favicon dari Logo Finder membuat semuanya dari satu logo: favicon.ico untuk tab browser, icon-256.ico yang berisi setiap ukuran dari 16 sampai 256 px, ikon PNG termasuk Apple touch icon 180 px serta ikon manifest 192 dan 512 px, dan site.webmanifest yang mencantumkan semuanya, lengkap dengan baris kode untuk ditempel di head halaman. Untuk satu file ikon yang juga mencakup Windows, Konverter PNG ke ICO yang gratis membuat satu .ico berisi 16, 24, 32, 48, 64, 128, dan 256 px dari PNG atau logo apa pun. Untuk melihat ikon yang dipakai situs web lain, alat Unduh favicon mengambil ikonnya dari alamat situs. Ikon gelap di atas persegi transparan bisa menghilang di tab browser bermode gelap; favicon SVG dengan warna mode gelapnya sendiri membuatnya tetap terlihat.

Berapa ukuran logo untuk cetak?

Logo untuk cetak tidak punya batas ukuran jika berupa file vektor; jika berupa gambar, logo butuh sekitar 300 piksel untuk setiap inci yang dicetak, patokan yang diterbitkan percetakan (Vistaprint, 4imprint). Jadi, lebar piksel sebuah PNG dibagi 300 adalah lebar cetak terbesar yang disarankan. Tabel ini menunjukkan seberapa lebar setiap ukuran PNG dari Logo Finder bisa dicetak.

Garmen mengikuti hitungan yang sama: panduan penempatan Vistaprint menetapkan logo dada kiri selebar 3 sampai 4 inci dan cetakan depan penuh 10 sampai 12 inci, jadi 1.200 dan 3.600 px adalah targetnya. Papan nama yang dibaca dari seberang ruangan bisa memakai lebih sedikit piksel per inci, seperti dijelaskan dalam resolusi gambar untuk cetak, dan file logo apa yang dibutuhkan percetakan mencantumkan file yang perlu dikirim. Untuk memeriksa logo dalam ukuran sebenarnya di kartu, generator mockup kartu kredit 3D gratis menempatkannya di kartu CR80 dalam 3D.

Berapa ukuran animasi logo?

Animasi logo dibuat mengikuti bentuk layar tempat animasi itu diputar: 1080 × 1920 px (9:16) untuk Instagram Reels, TikTok, dan YouTube Shorts, 1080 × 1350 px (4:5) atau 1080 × 1080 px (1:1) untuk feed, dan 1920 × 1080 px (16:9) untuk YouTube dan situs web. Panduan iklan Reels dari Meta menetapkan Reels pada 9:16, TikTok merekomendasikan video vertikal 9:16, YouTube menganggap video persegi dan vertikal berdurasi hingga tiga menit sebagai Shorts, dan 16:9 adalah rasio aspek standar YouTube di komputer.

Keempat bentuk itulah yang diekspor Pembuat animasi logo yang gratis, dengan logo yang dibingkai jauh dari tombol dan teks yang ditampilkan setiap aplikasi di atas video. Durasi, batas ukuran file, dan area aman setiap platform ada di cara membuat animasi logo. Sumber video diperiksa pada 5 November 2026.

Bagaimana cara membuat setiap ukuran logo dari satu file?

Buat setiap ukuran logo dari satu master vektor: ekspor setiap ukuran dari SVG, PDF, atau EPS, bukan dengan mengubah ukuran hasil ekspor sebelumnya, karena memperbesar gambar hanya membuat pikselnya lebih besar tanpa menambah detail. Lima hasil ekspor sudah mencakup semua slot dalam panduan ini, dari favicon hingga cetakan kaos depan penuh:

1. Logo lebar untuk header situs web, dalam format SVG, ditambah PNG dua kali lebar tampilnya.
2. Versi persegi dengan simbol di tengah, berukuran 1024 × 1024 px, untuk foto profil dan ikon aplikasi.
3. Versi putih untuk background gelap, mode gelap, dan email.
4. Satu set favicon: ICO, Apple touch icon 180 px, serta ikon manifest 192 dan 512 px.
5. File cetak: PDF atau EPS, ditambah PNG 300 dpi pada ukuran cetak terbesar.

Belum punya master vektor? Logo Finder mengambilnya dari situs web perusahaan, dan Konverter logo ke SVG melakukan tracing pada PNG yang sudah Anda miliki. Format yang tepat untuk setiap hasil ekspor dijelaskan di penjelasan format file logo.