Panduan Format Logo: SVG dan PNG Transparan
Bingung memilih SVG atau PNG? Panduan ini membantu desainer, operator instansi, guru, siswa, dan pelaku percetakan memilih format yang tepat agar logo tetap tajam, baik di layar maupun saat dicetak.
Jawaban cepat
- Perlu logo yang bisa diperbesar tanpa pecah atau akan diolah di aplikasi desain? Pilih SVG.
- Perlu logo yang langsung disisipkan ke dokumen, presentasi, atau media sosial? Pilih PNG.
- Tidak yakin? Unduh keduanya. Keduanya tersedia di setiap halaman logo.
SVG (Vektor)
Apa itu SVG?
SVG (Scalable Vector Graphics) menyimpan logo sebagai garis dan kurva matematis, bukan kumpulan piksel. Karena itu logo bisa diperbesar atau diperkecil tanpa kehilangan ketajaman.
Kapan dipakai
- Spanduk, baliho, videotron, dan cetak ukuran besar
- Seragam, bordir, sablon, dan stempel
- Kop surat dan materi cetak yang butuh hasil tajam
- Diolah ulang di aplikasi desain, misalnya mengganti warna latar atau menyesuaikan layout
- Ditampilkan di website
Dibuka dengan apa?
Figma, Adobe Illustrator, CorelDRAW, Inkscape, dan peramban (browser) modern. Microsoft Word dan PowerPoint versi terbaru juga dapat menyisipkan SVG.
PNG (Transparan)
Apa itu PNG transparan?
PNG menyimpan logo sebagai piksel dengan latar belakang transparan, sehingga logo bisa diletakkan di atas warna atau foto tanpa kotak putih di sekelilingnya.
Kapan dipakai
- Dokumen Word, presentasi PowerPoint, dan desain Canva
- Postingan media sosial dan konten video
- Situs atau aplikasi yang tidak mendukung SVG
Ukuran yang tersedia
| Berkas | Lebar | Perkiraan lebar cetak pada 300 dpi | Cocok untuk |
|---|---|---|---|
| PNG 800 px | 800 piksel | ± 6,8 cm | Web, kop surat digital, tanda tangan email |
| PNG 1.200 px | 1.200 piksel | ± 10,2 cm | Presentasi, dokumen, materi edukasi |
| PNG 2.048 px | 2.048 piksel | ± 17,3 cm | Konten media sosial, poster kecil, dokumen cetak |
Untuk cetak yang lebih besar dari angka di atas, gunakan SVG. Memperbesar PNG di luar ukuran aslinya akan membuat tepi logo tampak buram atau bergerigi.
Perbandingan SVG dan PNG
Karakteristik Format
| Kebutuhan | SVG | PNG |
|---|---|---|
| Diperbesar tanpa pecah | Ya | Tidak, terbatas ukuran asli |
| Latar transparan | Ya | Ya |
| Mudah disisipkan ke dokumen dan media sosial | Tergantung aplikasi | Ya, hampir di semua aplikasi |
| Bisa diedit warna dan bentuknya | Ya, di aplikasi desain | Tidak |
| Ukuran berkas | Biasanya kecil | Makin besar seiring resolusi |
| Cocok untuk cetak besar | Ya | Terbatas |
Pilih berdasarkan kebutuhan
| Kebutuhan Anda | Rekomendasi |
|---|---|
| Kop surat cetak | SVG, atau PNG 2.048 px |
| Slide presentasi | PNG 1.200 px |
| Spanduk, baliho, videotron | SVG |
| Seragam, bordir, sablon | SVG |
| Postingan media sosial | PNG 2.048 px |
| Website | SVG, atau PNG 800 px |
| Dokumen Word | PNG 1.200 px |
Tips agar logo tetap tepat
- Jangan mengubah proporsi, memutar, atau meregangkan logo. Kunci rasio saat mengubah ukuran.
- Jangan mengganti warna, menambah efek, atau menghapus elemen tanpa persetujuan pemilik logo.
- Beri ruang kosong secukupnya di sekeliling logo agar tidak menempel pada teks atau gambar lain.
- Pastikan logo tetap terbaca di atas latar yang Anda pilih. Jika perlu, gunakan latar terang atau gelap yang kontras.
- Periksa Ketentuan Penggunaan dan Hak Cipta & Kepemilikan Logo sebelum memakai logo untuk keperluan komersial atau yang mewakili instansi.
Pertanyaan umum
Mengapa PNG saya tampak buram saat dicetak?
Biasanya karena PNG diperbesar melebihi ukuran aslinya. Gunakan SVG atau PNG dengan resolusi lebih besar.
Mengapa logo tampak berbeda antar aplikasi?
Setiap aplikasi menampilkan warna dengan cara berbeda, terutama antara layar (RGB) dan cetak (CMYK). Jika tersedia, gunakan kode warna HEX atau CMYK yang tercantum di halaman logo.
Apakah saya boleh mengubah warna logo?
Tidak, kecuali pemilik logo mengizinkannya. Lihat Hak Cipta & Kepemilikan Logo.
Logo yang saya cari tidak tersedia dalam salah satu format.
Laporkan atau ajukan logo agar tim kurator dapat meninjaunya.
Temukan Logo yang Anda Butuhkan
Tersedia dalam SVG dan PNG transparan. Tajam di layar maupun cetak.