Ukuran Logo: Dimensi untuk Website, Media Sosial, dan Cetak

Logo yang profesional harus tetap bekerja di konteks yang sama sekali berbeda: mungil di tab browser sebagai favicon, sedang di header situs, raksasa di spanduk depan toko, persegi di foto profil Instagram, dan horizontal di kartu nama. Tiap konteks itu punya dimensi dan formatnya sendiri — salah ukuran berarti logo tampil buram, terpotong, atau rasionya melar.

Kabar baiknya, Anda tidak perlu membuat ulang logo dari nol untuk tiap konteks. Berbekal satu file yang tepat dalam format yang tepat, Ubah Ukuran Gambar ImageTools menyesuaikan dimensinya untuk kebutuhan apa pun dalam hitungan detik.

Format File Logo yang Wajib Anda Punya

Sebelum bicara ukuran, pahami dulu format file apa saja yang perlu Anda simpan. Logo yang terdokumentasi rapi setidaknya punya versi-versi berikut:

• SVG (vektor): file induknya. Bisa diperbesar ke ukuran apa pun — dari favicon 16px sampai baliho 10 meter — tanpa kehilangan kualitas. Wajib ada untuk situs, presentasi, dan pengiriman ke percetakan.
• PNG berlatar transparan (resolusi tinggi): untuk kebutuhan digital yang tidak menerima SVG. Simpan minimal di 1000×1000px supaya leluasa diubah ukurannya.
• PNG berlatar putih: untuk konteks yang tidak mau atau tidak mendukung transparansi — formulir pendaftaran di berbagai platform, dokumen Word, dan email.
• PNG atau JPG versi gelap (elemen berwarna putih): untuk dipasang di atas latar berwarna atau gelap. Logo biru tua akan lenyap sepenuhnya di atas latar hitam.
• Favicon (.ico + PNG): versi khusus untuk tab browser. Pakai Pembuat Favicon ImageTools untuk menghasilkan semua ukuran yang dibutuhkan langsung dari logo Anda.

Tabel Acuan — Dimensi Logo Menurut Konteks

Logo untuk Website

Header

Di header situs, logo biasanya selebar 150px sampai 400px dengan tinggi menyesuaikan. Lebar persisnya bergantung pada layout — header yang ringkas cukup 150px, sedangkan situs berlapang ruang bisa memakai 300–400px. Yang paling penting logonya tetap tajam di layar Retina: ekspor PNG dengan lebar dua kali ruang tampil (atau pakai SVG, yang beres sendiri) dan biarkan CSS yang mengatur ukuran tampilnya.

Di header, selalu pakai SVG atau PNG berlatar transparan — latar header bisa berubah mengikuti desain dan posisi scroll, dan logo berlatar putih akan memunculkan kotak putih yang kentara di atas latar berwarna.

Favicon

Favicon adalah ikon yang muncul di tab browser, di daftar bookmark, dan di layar utama perangkat seluler. Favicon yang efektif adalah versi logo yang disederhanakan — umumnya cuma simbol atau huruf awalnya, tanpa nama lengkap perusahaan, karena ruangnya terlalu sempit untuk teks yang masih terbaca.

Ukuran yang wajib disiapkan: 16×16px dan 32×32px untuk browser desktop, 180×180px untuk iOS (Apple Touch Icon), serta 192×192px dan 512×512px untuk Android dan PWA. Pakai Pembuat Favicon ImageTools untuk menghasilkan semua ukuran itu secara otomatis dari logo Anda.

Logo untuk Media Sosial

Kenapa logo harus tetap enak dilihat dalam bidang persegi dan lingkaran

Hampir semua media sosial menampilkan foto profil dalam bentuk lingkaran. Ini jadi persoalan tersendiri buat logo horizontal (nama + ikon berdampingan): di bidang bulat, logonya entah mengecil sampai tak terbaca, entah bagian pinggirnya terpotong.

Jalan keluar paling efektif adalah menyiapkan versi "ikon" dari logo — hanya simbol atau inisial merek, ditaruh di tengah bidang persegi — khusus untuk foto profil media sosial. Versi itu menjaga daya kenal visualnya tanpa masalah pemotongan.

Instagram

Instagram menerima foto profil sampai 320×320px, tapi menampilkannya hanya di 110px pada halaman profil dan 32px di feed. Filenya harus persegi. Kalau logo Anda horizontal, taruh di tengah bidang persegi dengan padding secukupnya supaya tidak ada bagian yang hilang saat dipotong bulat oleh platform.

Facebook

Foto profil halaman Facebook tampil di 170×170px pada desktop dan 128×128px di ponsel, selalu dipotong bulat. Foto sampulnya berukuran 820×312px — di sana logo biasanya hadir sebagai satu elemen desain sampul, bukan memenuhi seluruh gambar.

LinkedIn

Untuk halaman perusahaan, LinkedIn menampilkan logo di 300×300px (persegi) pada halaman utama dan lebih kecil lagi di berbagai daftar. Ini salah satu konteks di mana mutu gambar paling memengaruhi kesan profesional — pakai PNG berkualitas tinggi, jangan dikompres berlebihan.

YouTube

Ikon channel YouTube tampil dalam ukuran yang sangat berbeda-beda tergantung konteksnya: 98px di smart TV, 32px di feed desktop, 88px di profil versi ponsel. Filenya minimal harus 800×800px agar tajam di semua ukuran itu. Channel art (banner) berukuran 2560×1440px, tapi "safe area" — bidang yang terlihat di semua perangkat — hanya 1546×423px di bagian tengah. Logo harus berada di dalam area itu.

WhatsApp Business

Foto profil WhatsApp Business tampil bulat, dengan ukuran sekitar 50px di daftar percakapan. Pakai file 640×640px supaya tetap tajam saat dibuka layar penuh. Seperti di media sosial lain, logo horizontal tidak cocok di sini — pakai versi ikon atau simbol merek Anda.

Logo untuk Cetak

Cetak punya logika yang sama sekali berbeda dari digital. Yang menentukan bukan jumlah piksel, melainkan perbandingan antara piksel dan ukuran fisik hasil cetaknya, yang diukur dalam DPI (dots per inch, titik per inci). Standar industri percetakan adalah 300 DPI.

Cara menghitung piksel yang dibutuhkan untuk cetak

Rumusnya: piksel = ukuran dalam cm ÷ 2,54 × DPI

Beberapa contoh praktis:

Supaya tidak perlu menghitung satu per satu, cara paling praktis adalah memakai SVG — format vektor bisa diskalakan tanpa batas dan dicetak di ukuran berapa pun tanpa kehilangan kualitas. Percetakan profesional mana pun menerima SVG (atau padanannya berupa PDF vektor, yang dibuat dari SVG lewat Illustrator atau Inkscape).

Format yang diterima percetakan

Sebagian besar percetakan profesional menerima dan lebih menyukai:

• PDF vektor: standar industrinya. Dihasilkan dari Illustrator, Corel, atau Inkscape dengan logo dalam bentuk vektor.
• AI (Adobe Illustrator): file vektor asli dari aplikasinya.
• EPS: format vektor yang lebih tua, tapi kompatibilitasnya luas.
• SVG: diterima oleh hampir semua percetakan modern.
• PNG resolusi tinggi: diterima kalau file vektornya memang tidak ada, asalkan resolusinya mencukupi untuk ukuran cetaknya.

Mengubah Ukuran Logo untuk Tiap Kebutuhan

Berbekal file induk logo dalam PNG resolusi tinggi (minimal 1000×1000px) atau SVG, pakai Ubah Ukuran Gambar ImageTools untuk menyesuaikannya dengan dimensi tiap platform. Alat itu memungkinkan Anda menetapkan lebar dan tinggi persis dalam piksel, sambil mempertahankan atau menyetel ulang rasio aslinya.

Alur yang dianjurkan untuk menyiapkan versi-versi logo:

1. Selalu mulai dari file dengan resolusi tertinggi yang Anda punya — SVG atau PNG di atas 1000px.
2. Ubah ukurannya ke dimensi tujuan lewat Ubah Ukuran Gambar.
3. Untuk media sosial, kompres tipis-tipis dengan Kompres Gambar — tahan di kualitas 85–90% supaya ketajamannya tidak hilang.
4. Untuk cetak, kirim SVG apa adanya atau konversikan ke PDF vektor.

Kesalahan Umum saat Memakai Logo di Berbagai Ukuran

Memakai satu file yang sama untuk semua konteks

Logo 2000px di tanda tangan email akan lambat dimuat dan tampil kelewat besar. Logo 100px di cetakan A4 akan pecah. Tiap konteks punya dimensi idealnya sendiri — jadikan panduan ini acuan dan ubah ukurannya sebelum dipakai.

Tidak punya versi untuk latar gelap

Banyak logo dirancang sejak awal dalam warna gelap di atas latar terang. Begitu dipakai di post berlatar hitam atau berwarna — hal biasa di Instagram Stories dan sampul LinkedIn — logonya lenyap begitu saja. Selalu buat dan simpan versi dengan elemen utamanya berwarna putih atau warna terang.

Menyimpan PNG kelewat besar untuk media sosial

PNG 2000×2000px untuk foto profil Instagram tidak membuat tampilannya lebih bagus — Instagram tetap mengompres apa pun yang melebihi ukuran yang dibutuhkan. Unggah saja di dimensi idealnya (320×320px) dengan kompresi kualitas 90% supaya tidak kena kompresi dua kali oleh platform.

Memakai JPG untuk logo berlatar transparan

JPG tidak mendukung transparansi — begitu logo PNG transparan disimpan sebagai JPG, latar transparannya berubah jadi putih. Kalau logo Anda memang butuh latar transparan (supaya bisa dipasang di atas berbagai warna latar), selalu pakai PNG atau WebP.

Memperbesar PNG kecil alih-alih memakai SVG

Kalau logonya tersedia dalam SVG, selalu jadikan SVG itu titik awal untuk mengubah ukuran — jangan pernah memperbesar PNG kecil. Memperbesar PNG menimbulkan pecah yang tidak bisa diperbaiki tanpa file vektor aslinya.

Belum Punya Logo? Buat Sekarang

Kalau Anda belum punya logo atau ingin versi yang lebih profesional, ImageTools menyediakan dua alat untuk itu: Buat Logo, tempat Anda memilih ikon, warna, dan tipografi dengan kendali penuh, serta Buat Logo dengan AI, tempat Anda cukup menjelaskan merek Anda dan AI yang menyusun beberapa pilihan vektor siap unduh. Keduanya mengekspor ke SVG dan PNG — persis format yang Anda butuhkan untuk semua kebutuhan di panduan ini.

Pertanyaan yang sering diajukan