Cara Mengubah Ukuran Gambar Tanpa Menurunkan Kualitas (dan Arti Sebenarnya Ungkapan Itu)

Pertama, dua arti, dan hanya satu yang berhasil

Ketika Anda mencari cara mengubah ukuran tanpa menurunkan kualitas, maksud Anda salah satu dari dua hal yang berlawanan. Anda ingin mengecilkan foto besar ke ukuran yang berguna dan tetap melihatnya tajam, atau Anda ingin memperbesar gambar kecil dan tetap melihatnya tajam. Yang pertama bisa dicapai dengan cermat. Yang kedua tidak bisa dicapai pengubah ukuran mana pun, karena piksel yang tidak pernah ditangkap tidak ada di mana pun untuk dipulihkan.

Mengecilkan membuang piksel. Tidak ada jalan lain: gambar dengan lebar separuh dan tinggi separuh menyimpan seperempat piksel. Yang Anda atur adalah seberapa halus pembuangan itu terjadi: bagaimana resampling menyusun tiap piksel baru dari tetangga sekitarnya, apakah Anda mengubah ukuran sekali atau berkali-kali, apakah Anda mengekspor sekali atau mengode ulang beberapa kali, dan apakah Anda menajamkan sedikit sesudahnya. Kalau dikerjakan dengan benar, pengecilan tidak terlihat pada ukuran tampil biasa.

Memperbesar tidak bisa melakukan kesepakatan yang sama. Pengubah ukuran yang membawa gambar ke 200% mengarang setiap piksel di antara piksel yang Anda punya. Hasilnya bisa tampak lebih halus, dan kehalusan punya guna yang nyata, tetapi di dalamnya tidak ada detail asli tambahan. Alat mana pun yang “memperbesar gambar tanpa kehilangan kualitas” sedang menjual resampling dengan pemasaran yang bagus. Sebuah resampler yang jujur, termasuk alat peramban yang ditautkan di akhir panduan ini, adalah resampling murni: ia menata ulang detail Anda, ia tidak pernah menambahnya.

• Mengecilkan: kehilangan piksel yang nyata dan permanen. Tuas Anda adalah kualitas resampling, ukuran target, dan satu encode yang bersih.
• Memperbesar: piksel bertambah nyata, detail bertambah nol. Lebih besar dan lebih halus, tidak pernah lebih tajam.
• Isi selebihnya adalah cara mengerjakan pengecilan dengan benar; bagian tentang kebutuhan file yang lebih besar menjelaskan pilihan yang jujur untuk kasus memperbesar.

Apa sebenarnya dilakukan perubahan ukuran pada piksel Anda

Gambar adalah grid yang tetap. Foto 4000 × 3000 berarti lebarnya 4000 piksel dan tingginya 3000, jadi 12,000,000 piksel seluruhnya. Mengubah ukuran membentangkan grid baru berukuran lain di atas gambar, lalu untuk tiap sel di grid baru itu bertanya: piksel ini harus berwarna apa? Jawabannya dihitung dari piksel sumber di sekitar titik tersebut. Perhitungan itulah resampling, dan itu seluruh pekerjaan yang dilakukan alat pengubah ukuran mana pun.

Saat Anda mengecilkan, tiap piksel keluaran mewakili satu blok piksel sumber. Belah dua lebar dan tingginya, dan tiap piksel baru merangkum area selebar empat piksel sumber, sehingga grid target 3,000,000 piksel Anda diperas dari 12,000,000 piksel asli. Metode kasar mengambil piksel sumber terdekat dan membuang sisanya, yang menghasilkan tepi bergigi dan pola moire pada detail yang berulang. Metode penghalusan merata-rata area tetangga yang lebih lebar, dan itulah yang menjaga proporsi, warna, dan tepi tetap setia setelah perangkuman itu.

Itu sebabnya penghalusan berkualitas tinggi paling berpengaruh ketika Anda mengecilkan banyak. Pengecilan 10% tampak nyaris identik dengan metode yang wajar apa pun. Menurunkan foto selebar 4000 piksel menjadi 1000 piksel memaksa resampler memadatkan tiap piksel yang tersisa dari area enam belas piksel asli, dan area tetangga yang sempit sekadar membuang informasi yang akan dicampurkan oleh area yang luas. Peramban menampilkan hal ini sebagai petunjuk kualitas penghalusan. Alat yang ditautkan meminta penghalusan berkualitas tinggi ke peramban dan menggambar gambar itu dalam satu langkah ke ukuran target. Halaman itu menyebut filter tersebut bilinear; praktisnya kode hanya menyetel petunjuk kualitas, dan algoritma persisnya menjadi keputusan peramban Anda.

Kehalusan yang kadang Anda lihat setelah pengecilan besar bukan kerusakan. Itu adalah rata-rata itu sendiri, yaitu hal yang menjaga kesetiaan gambar. Kompensasi standarnya adalah satu langkah penajaman ringan setelah mengubah ukuran, di editor yang punya kontrol penajaman. Penajaman sesudahnya memulihkan tampilan tepi yang tegas dengan menaikkan kontras di sepanjang tepi yang sudah ada. Ia tidak menambah informasi, dan itu sebabnya berlebihan membuat foto yang dikecilkan tampak keras dan buatan.

Ubah ke ukuran tampil, jangan diskalakan nanti

Cara paling umum orang “kehilangan kualitas” adalah tidak pernah mengubah ukuran sama sekali. Masukkan foto 4000 × 3000 ke ruang selebar 640 piksel, dan peramban atau program dokumen akan mengecilkannya setiap kali halaman itu digambar. Tampaknya lumayan benar, jadi tidak ada yang melihat biayanya. Padahal Anda mengirim file yang besar tanpa perlu kepada setiap pengunjung, dan pengecilan itu sendiri dikerjakan oleh jalur cepat yang kebetulan dipakai renderer tersebut, per perangkat, per muatan, kadang dengan standar yang lebih rendah daripada perubahan ukuran yang disengaja.

Ubah ukurannya sekali ke ukuran tempat gambar itu benar-benar akan ditampilkan, dan keputusannya terjadi satu kali, oleh Anda, dengan penghalusan yang baik, di atas sumber terbaik Anda. File-nya lebih kecil, pemetaan di layar tepat, satu piksel gambar untuk satu piksel layar, dan setiap pengunjung melihat hasil yang identik. Untuk layar berkepadatan tinggi, rencanakan dua kalinya: gambar yang ditampilkan selebar 640 piksel sebaiknya berukuran 640 piksel pada layar standar dan 1280 pada layar kepadatan ganda.

Logika yang sama berlaku untuk gambar yang Anda kirim dan bukan yang Anda terbitkan: versi selebar 1600 piksel dari foto kamera tampak sama di ponsel dan sampai lebih cepat. Simpan yang asli sebagai master Anda, dan perlakukan setiap ukuran yang dikirim sebagai satu perubahan ukuran yang disengaja dari master itu, jangan pernah mengubah ukuran dari kiriman sebelumnya.

Jebakan kompresi ganda

JPEG memungut biaya kualitas saat menyimpan, bukan saat membuka. Mendekode JPEG mengembalikan piksel; mengodekan adalah langkah lossy yang membuang informasi demi file yang lebih kecil. Artinya, kerusakan dalam sebuah alur kerja dihitung dalam satuan encode, bukan dari berapa kali file dibuka. Setiap simpan JPEG baru atas gambar yang sudah berupa JPEG menjalankan lagi satu langkah lossy di atas data yang sudah merupakan kompromi, dan kerugiannya menumpuk dari generasi ke generasi.

Jebakannya adalah bahwa mengubah ukuran hampir selalu menyembunyikan encode kedua. Anda mengubah ukuran sebuah JPEG di sebuah alat dan alat itu mengekspor JPEG; itulah encode satu. Lalu Anda mengirimnya lewat email dari aplikasi yang mengompres ulang, mengunggahnya ke situs yang “mengoptimalkan”, atau menyimpannya sekali lagi untuk mengubah satu setelan; itulah dua tambahan. Di sinilah ungkapan “ubah ukuran tanpa kehilangan kualitas” biasanya kalah, dan bukan karena resampling: satu pengecilan yang bersih hampir tidak berharga, dan rantai encode ulang yang sembrono itulah yang membuat gambar menjadi bubur.

Disiplin yang dimaksud: ubah ukurannya sekali dari original terbaik Anda, dan ekspor sekali pada ukuran dan format final. Kalau Anda butuh file kerja di antara keduanya, misalnya mengubah ukuran sekarang tetapi memotong nanti di program lain, simpan file antara itu sebagai PNG, yang tidak punya generasi lossy untuk ditumpuk, dan biarkan JPEG terjadi hanya di langkah akhir.

Saat Anda mengekspor, setelan kualitas lebih berpengaruh daripada filter resampling yang persis sama. Pada alat yang ditautkan, kontrol kualitas berjalan dari 1 sampai 100 dan memakai bawaan 85, dan petunjuknya sendiri menyatakan 80 sampai 85 sebagai titik ideal untuk JPG dan WebP: cukup tinggi sehingga artefak kompresi tetap tidak terlihat pada foto, dan cukup rendah sehingga file tetap kecil. Menaikkannya ke arah 100 menggembungkan file jauh untuk selisih yang akan sulit Anda lihat, dan turun jauh di bawah 80 adalah tempat blok dan ringing di sekitar tepi mulai muncul.

Memilih format keluaran: JPEG, PNG, atau WebP

Setelah pikselnya di-resampling, encoder yang menentukan bagaimana file menyimpannya, dan pilihan yang tepat bergantung pada isinya, bukan pada tren.

• Foto, tanpa kebutuhan transparansi: JPEG atau WebP, kualitas di angka 80-an.
• Transparansi harus selamat: PNG atau WebP.
• Tangkapan layar dan grafik penuh teks: PNG.
• Kontrol kualitas tidak berlaku untuk PNG; di sana kontrol itu dimatikan karena PNG tidak punya tingkat lossy.

JPEG: foto tanpa transparansi

JPEG tetap standar untuk foto yang diubah ukurannya: kontrol kualitas memberi kendali langsung atas pertukaran antara ukuran dan kesetiaan, dan semua penampil mendukungnya. Satu perilaku yang perlu diperhitungkan: JPEG tidak punya transparansi, jadi pengubah ukuran meratakan area transparan di atas putih ketika Anda mengekspor JPEG. Logo dengan latar terpotong akan keluar duduk di atas persegi putih. Kalau apa pun di luar subjeknya penting, JPEG adalah jawaban yang salah.

PNG: grafik, teks, dan transparansi

PNG adalah keluaran yang tepat untuk tangkapan layar, gambar garis, logo, dan gambar mana pun yang berisi teks, dan PNG menjaga channel alpha tetap utuh: latar transparan selamat dari perubahan ukuran. Kompresinya lossless, dan justru itu sebabnya kontrol kualitas dimatikan ketika Anda memilih keluaran PNG: tidak ada pemutar kualitas di dalam kompresi lossless, dan setelan yang berpura-pura ada tidak akan berarti apa pun.

Biayanya adalah ukuran. Foto yang diekspor sebagai PNG menghasilkan file berkali-kali lebih besar daripada JPEG yang tampak sama. PNG untuk grafik; bukan untuk foto yang ingin Anda kirim dalam jumlah banyak.

WebP: satu format untuk dua pekerjaan

WebP menjaga transparansi seperti PNG dan menerima jenis kontrol kualitas lossy untuk foto yang sama seperti JPEG, sehingga WebP jadi bawaan yang masuk akal ketika Anda tidak yakin gambar Anda masuk kategori mana. Petunjuk pada pengubah ukuran memperlakukannya seperti JPEG: 80 sampai 85 adalah titik idealnya.

Mengapa tangkapan layar dan gambar garis bertahan berbeda dari foto

Foto sebagian besar berisi kehalusan: piksel tetangga saling mirip, dengan variasi kecil rona dan tekstur. Ketika resampler merata-rata dan menghabiskan blok-blok itu, kerugiannya bertahap, dan pada ukuran tampil biasa mata nyaris tidak menangkapnya. Foto bisa menanggung dikecilkan separuh dan tetap terbaca tajam.

Tangkapan layar, ikon, atau gambar garis adalah kebalikannya: teks hitam di atas putih, goresan satu piksel, tepi keras tanpa apa pun di antaranya. Mengecilkan memaksa resampler merata-rata setiap goresan tipis dengan putih di sekitarnya, sehingga garis sehelai rambut menjadi abu-abu, huruf-huruf kecil runtuh menjadi corengan, dan goresan tipis bisa hilang seluruhnya. Teks adalah kasus yang tidak memaafkan, karena keterbacaan bersifat biner: sebuah glyph bisa dibaca atau tidak bisa dibaca. Kualitas foto adalah kontinum.

Aturan praktis untuk kategori yang sulit:

• Tangkapan layar dan tangkapan antarmuka: ubah ukurannya tepat ke ukuran tampil dalam satu langkah dengan penghalusan berkualitas tinggi, dan ekspor sebagai PNG supaya teks tidak ikut bertarung dengan artefak kompresi.
• Kalau tangkapan layar harus jauh lebih kecil, ambil tangkapan dari jendela sumber yang lebih kecil daripada mengecilkan pikselnya kemudian: ekspor ulang dari dokumen atau aplikasi aslinya pada ukuran yang Anda butuhkan.
• Gambar garis dan logo: solusi aslinya adalah sumber vektor, karena resampling instruksi selalu menang atas resampling piksel.
• Pixel art: pembesaran hanya bekerja pada kelipatan bilangan bulat dengan penghalusan dimatikan; mengecilkan merusak grid tempat seni itu dibangun.

Mengubah ukuran di Photoshop, GIMP, dan Illustrator

Tiga program yang disarankan autocomplete terbagi menjadi dua kategori. Photoshop dan GIMP adalah editor raster: keduanya mengerjakan matematika piksel yang sama seperti pengubah ukuran lain, dengan lebih banyak kontrol. Illustrator adalah editor vektor, dan “mengubah ukuran” di sana adalah tindakan yang berbeda pada dasarnya. Mengetahui kategori mana tempat Anda berada mencegah sebagian besar kekecewaan.

Photoshop dan GIMP: dialog resampling

Kedua program menaruh keputusannya di dialog Image Size: Anda memasukkan Pixel Dimensions baru, atau ukuran cetak bersama satu angka Resolution, lalu memilih metode resample. Kesepakatannya sama di keduanya: metode yang disarankan berbeda untuk pengecilan dan pembesaran, yaitu pilihan yang lebih lebar dan lebih halus saat mengecilkan serta pilihan yang mempertahankan detail saat memperbesar. Pada banyak versi ada juga kontrol penajaman berbasis takaran yang dijalankan sebagai bagian dari resample, dan itulah jawaban profesional untuk masalah kehalusan yang sudah dijelaskan di depan. Dialog itu juga memisahkan Pixel Dimensions dari ukuran cetak: satu angka Resolution hanya mengubah seberapa besar grid piksel yang tetap itu akan dicetak; angka itu tidak pernah menciptakan atau menghapus piksel.

Di luar resample itu sendiri, editor desktop berbeda dari alat peramban sederhana tepat pada area yang sudah panduan ini tandai: keduanya membawa metadata dan color profile menembus ekspor, keduanya mengizinkan penajaman setelah mengubah ukuran, dan keduanya menawarkan kontrol encoding per format. Keterampilannya identik: satu langkah, penghalusan lebar, penajaman ringan sesudahnya, ekspor sekali. Hanya instrumennya lebih baik untuk setiap langkah.

Illustrator: skala berarti render ulang, bukan resampling

Seni vektor disimpan sebagai instruksi: kurva, bentuk, lebar goresan. Bukan sebagai grid piksel. Skala sebuah vektor ke atas atau ke bawah dan aplikasinya menggambar ulang geometrinya pada ukuran baru, sehingga tepinya tajam secara matematis pada lebar 100 piksel maupun 10,000. Inilah satu-satunya versi “ubah ukuran tanpa kehilangan kualitas” yang benar secara harfiah, dan itu hanya berlaku untuk isi yang memang hidup sebagai vektor.

Dua catatan menjaganya tetap jujur. Pertama, gambar yang ditempatkan di dalam dokumen vektor tetaplah foto: menskalakan dokumen memperbesar grid piksel mereka yang tetap, dan mengekspor halaman itu dengan dimensi raster raksasa hanya me-resampling piksel itu seperti perubahan ukuran biasa. Kedua, begitu Anda mengekspor seni vektor sebagai JPEG, PNG, atau WebP, kualitas menjadi pilihan yang Anda ambil satu kali: pilih ukuran ekspor dalam piksel yang lega, karena file yang Anda ekspor tidak bisa digambar ulang lagi.

Ketika Anda benar-benar butuh gambar yang lebih besar

Kadang syaratnya tidak bisa dihindari: sebuah formulir meminta lebar 2000 piksel, satu ruang cetak membutuhkan file yang lebih besar, sebuah logo lama hanya ada sebagai thumbnail. Urutkan pilihan-pilihan itu dengan jujur.

Yang terbaik: memotret ulang atau mengekspor ulang pada resolusi lebih tinggi dari sumber aslinya. Hanya jalur ini yang menghasilkan detail tambahan yang asli. Dokumen desain, original kamera, atau file foto raw sering bisa diekspor lagi pada 6000 piksel di tempat Anda dulu mengekspor 1000, dan setiap piksel tambahan itu membawa informasi yang memang pernah ada.

Pilihan kedua terbaik untuk logo, ikon, dan diagram: bangun ulang sebagai vektor. Seseorang bisa menjiplak thumbnail Anda menjadi seni vektor, dan sejak titik itu ukuran mana pun adalah render ulang, bukan pembesaran. Itulah sebabnya desainer menyerahkan logo sebagai file vektor sejak awal.

Paling akhir: terima sebuah upscale apa adanya. Kalau Anda hanya punya raster kecil itu, memperbesarnya dengan penghalusan yang baik membuat file lebih besar dan biasanya lebih halus dipandang. Itulah jawaban yang benar ketika syaratnya adalah dimensi: sebuah portal pengiriman yang menolak file di bawah ambang lebar, karena yang diperiksa adalah dimensinya. Itulah jawaban yang salah ketika syaratnya adalah keterbacaan: upscale tidak bisa membuat teks yang tidak terbaca menjadi terbaca. Kalau Anda perlu membacanya, cari sumber yang lebih baik.

• Butuh detail yang asli: ekspor ulang dari dokumen aslinya, atau potret ulang.
• Butuh logo yang bisa diskalakan: gambar ulang sebagai vektor, ekspor di ukuran mana pun.
• Butuh dimensi yang lebih besar saja: satu upscale halus tidak masalah; ia hanya menambah kehalusan, bukan informasi.
• Butuh membaca teks kecil yang sudah tidak terbaca: tidak ada pengubah ukuran yang bisa menolong; cari yang aslinya.

Seluruh alur kerja, dipadatkan

Semua yang di atas adalah satu prosedur. Jalankan dalam urutan ini, dan versi yang bisa dicapai dari “tanpa kehilangan kualitas” menjadi hasil Anda setiap kali:

• Mulai dari original terbaik yang Anda punya, jangan pernah mulai dari keluaran sebelumnya.
• Tentukan ukuran target dalam piksel secara tepat: ukuran tempat gambar itu benar-benar ditampilkan atau dikirim.
• Ubah ukurannya sekali, dengan penghalusan berkualitas tinggi, dan biarkan Kunci rasio aspek menyala kecuali Anda memang ingin merusak proporsinya.
• Pilih format berdasarkan isinya: JPEG atau WebP untuk foto, PNG atau WebP ketika transparansi harus selamat, PNG untuk tangkapan layar dan teks.
• Untuk JPG dan WebP, ekspor pada kualitas di angka 80-an; alat yang ditautkan memakai bawaan 85.
• Lihat Pratinjau pada ukuran sebenarnya sebelum mengunduh; kalau hasilnya tampak lembek, ukuran targetnya yang terlalu agresif, bukan metodenya yang salah.
• Ekspor sekali, lalu simpan originalnya utuh sebagai master Anda.
• Beri penajaman ringan setelah perubahan ukuran hanya di editor yang menawarkan penajaman, yaitu sesudah mengubah ukuran, jangan sebelumnya.

Apa yang dilakukan alat yang ditautkan, dan apa yang tidak selamat

Alat peramban yang menjadi tujuan panduan ini adalah pekerjaan yang sengaja kecil, dan mengetahui persis di mana tepinya adalah bagian dari mengubah ukuran dengan benar.

Cara alat ini mengubah ukuran

Tanpa pustaka dan tanpa server: halaman itu memuat gambar Anda ke sebuah canvas, meminta penghalusan berkualitas tinggi ke peramban, dan menggambar gambar itu ke bawah atau ke atas sampai ukuran target dalam satu langkah, lalu mengode hasilnya. Halaman itu menggambarkan filter tersebut sebagai bilinear; kodenya sendiri hanya menyetel petunjuk kualitas peramban, jadi algoritma persisnya tergantung pada peramban Anda. Ini resampling murni, sehingga batas jujur dari bagian pertama berlaku: ia bisa menata ulang detail Anda, ia tidak pernah menambahnya.

Kontrolnya adalah yang selama ini jadi latar pembahasan panduan ini: Lebar (px) dan Tinggi (px) dari 1 sampai 20,000, atau Skala (persentase) dari 1 sampai 4000; Kunci rasio aspek menyala secara bawaan; Format keluaran sebagai PNG, JPEG, atau WebP; dan Kualitas (JPG/WebP) dari 1 sampai 100 dengan bawaan 85, yang otomatis dimatikan untuk PNG karena PNG tidak punya tingkat lossy. Ekspor JPEG meratakan transparansi di atas putih; PNG dan WebP mempertahankan channel alpha. Anda mendapat Pratinjau sebelum memastikan, dan Unduh menyerahkan file bernama resized dengan ekstensi pilihan Anda, jadi ganti namanya sendiri karena nama aslinya tidak ikut dibawa.

Yang bisa diterima alat ini

Satu file setiap kali, sampai sekitar 50 MB, dalam PNG, JPEG, WebP, atau GIF. Kasus GIF perlu perhatian: GIF animasi diubah ukurannya menjadi satu bingkai diam, karena ini alat pengubah ukuran, bukan editor animasi. Kalau animasinya penting, alat peramban ini bukan tujuan yang tepat dan Anda butuh perangkat lunak GIF khusus.

Metadata tidak selamat

Inilah batas terpenting alat ini, dan halamannya sendiri tidak menyebutnya, jadi ia pantas berada di sini dengan istilah yang terang. File keluaran hanya disusun dari piksel di canvas. Kodenya tidak pernah membaca atau menulis EXIF, artinya koordinat GPS, tanggal pengambilan, model kamera, dan setelan eksposur tidak ada di setiap file hasil perubahan ukuran. Kalau informasi itu penting bagi Anda, dan untuk foto keluarga, catatan asal usul, atau apa pun yang nanti mungkin perlu Anda beri tanggal atau lokasi, maka ia penting, simpan yang aslinya dan perlakukan keluaran yang sudah diubah ukurannya sebagai salinan kirim sekali pakai.

Satu perilaku yang erat hubungannya: kalau foto yang diambil miring di ponsel Anda keluar tegak setelah diubah ukurannya, jangan membacanya sebagai metadata yang selamat. Peramban menerapkan orientasi yang tercatat ketika ia mendekode gambar itu, jadi keluarannya tercetak dengan piksel tersebut sudah diputar. Penanda orientasinya sendiri tidak ikut terbawa.

Pertanyaan yang sering diajukan