MODUL 6

Dasar Desain Grafis

Format File Gambar

Tim Kelas Desain

Memahami karakteristik teknis setiap format file gambar — mulai dari kompresi, transparansi, hingga skalabilitas — sangat penting agar hasil desain tetap optimal di berbagai media, baik untuk kebutuhan digital maupun cetak.

Konsep Dasar

Raster vs Vector

Dua Kategori Utama

Format file gambar secara umum terbagi menjadi dua kategori besar: Raster (Bitmap) dan Vector. Raster tersusun dari kumpulan piksel/titik warna sehingga kualitasnya bergantung pada resolusi, sedangkan Vector tersusun dari rumus matematis (garis & titik) sehingga dapat diperbesar tanpa batas tanpa kehilangan ketajaman.

Perbedaan Utama

•Raster: cocok untuk foto & gambar dengan gradasi warna kompleks. Contoh: JPEG, PNG, GIF.

•Vector: cocok untuk logo, ikon, dan ilustrasi yang butuh skalabilitas. Contoh: SVG, AI, EPS.

Pengaplikasian

Pemilihan format yang tepat memengaruhi kualitas cetak, ukuran file, dan kompatibilitas di berbagai platform desain.

RASTER

VECTOR

Format 01

JPEG / JPG

Definisi

JPEG (Joint Photographic Experts Group) adalah format raster paling populer untuk menyimpan foto. Format ini menggunakan kompresi lossy yang memperkecil ukuran file dengan sedikit mengorbankan kualitas gambar.

Karakteristik

•Mendukung jutaan warna (16,7 juta), ideal untuk foto dengan gradasi halus.

•Ukuran file kecil berkat kompresi lossy, namun kualitas bisa menurun tiap disimpan ulang.

•Tidak mendukung transparansi — latar belakang selalu solid.

Pengaplikasian

Fotografi digital, thumbnail website, konten media sosial, dan lampiran email.

.JPG

Format 02

PNG

Definisi

PNG (Portable Network Graphics) adalah format raster lossless yang tidak mengurangi kualitas gambar meski disimpan berulang kali. Format ini dikenal luas karena dukungannya terhadap latar transparan (alpha channel).

Karakteristik

•Mendukung latar belakang transparan, ideal untuk logo dan elemen UI.

•Kompresi lossless menjaga detail & ketajaman warna tetap solid.

•Ukuran file cenderung lebih besar dibanding JPEG untuk gambar kompleks.

Pengaplikasian

Logo, ikon, screenshot, serta elemen desain web/UI yang membutuhkan latar transparan.

.PNG

Format 03

GIF

Definisi

GIF (Graphics Interchange Format) adalah format raster yang mendukung animasi sederhana melalui rangkaian frame gambar berurutan, namun terbatas hanya pada palet 256 warna.

Karakteristik

•Mendukung animasi ringan & looping tanpa memerlukan plugin tambahan.

•Palet warna terbatas (256 warna) sehingga kurang cocok untuk foto detail.

•Ukuran file kecil untuk grafis sederhana dengan warna solid.

Pengaplikasian

Meme, animasi singkat di media sosial, dan ikon bergerak sederhana pada halaman web.

Format 04

SVG

Definisi

SVG (Scalable Vector Graphics) adalah format vector berbasis kode XML yang dapat diperbesar hingga ukuran berapa pun tanpa kehilangan ketajaman, karena bentuknya didefinisikan secara matematis, bukan piksel.

Karakteristik

•Skalabel sempurna di segala resolusi & ukuran layar (responsif).

•Ukuran file sangat ringan untuk grafis sederhana seperti ikon dan logo.

•Dapat diedit langsung lewat kode (CSS/JS) untuk animasi interaktif.

Pengaplikasian

Logo brand, ikon UI, ilustrasi web responsif, dan infografis interaktif.

Format 05

PDF

Definisi

PDF (Portable Document Format) adalah format serbaguna yang mampu menggabungkan elemen raster maupun vector dalam satu dokumen, menjaga tata letak tetap konsisten di berbagai perangkat dan mesin cetak.

Karakteristik

•Kompatibel secara universal di hampir semua perangkat & perangkat lunak.

•Mendukung banyak halaman dalam satu file, cocok untuk dokumen & portofolio.

•Menjadi standar industri untuk file yang siap cetak (print-ready).

Pengaplikasian

Portofolio desain, dokumen cetak (poster, brosur), proposal, dan pengiriman file ke percetakan.

PDF

Panduan

Tips Memilih Format

Sesuaikan dengan Kebutuhan

•Butuh foto berkualitas dengan ukuran ringan? → JPEG.

•Butuh latar transparan atau elemen UI tajam? → PNG.

•Butuh animasi ringan & sederhana? → GIF.

•Butuh logo/ikon yang scalable di semua ukuran? → SVG.

•Butuh dokumen siap cetak atau portofolio multi-halaman? → PDF.

JPG

PNG

GIF

SVG

PDF

Kesimpulan

Setelah mempelajari berbagai format file gambar, dapat disimpulkan bahwa pemilihan format bukan sekadar soal ekstensi file, melainkan keputusan teknis yang memengaruhi kualitas, ukuran file, dan kompatibilitas hasil desain di berbagai media — mulai dari layar digital hingga hasil cetak. Memahami karakteristik raster maupun vector membantu desainer bekerja lebih efisien dan tepat guna.

E-Book Modul Ini

Baca ringkasan lengkap materi Format File Gambar dalam format e-book yang bisa dibuka langsung tanpa perlu mengunduh.