Resize Gambar
Resize gambar ke ukuran yang Anda inginkan
Resize gambar ke ukuran kustom secara instan - atur lebar dan tinggi dalam piksel, atau skalakan berdasarkan persentase. Jaga rasio aspek agar tidak distorsi, atau buka kunci untuk ukuran khusus. Mendukung format umum: JPEG, PNG, WebP, GIF, BMP. Resize banyak gambar sekaligus untuk hemat waktu. Pilih ukuran preset untuk platform media sosial (Instagram 1080x1080, Facebook cover 820x312, YouTube thumbnail 1280x720) atau masukkan ukuran sendiri sesuai kebutuhan. Semua resize memakai algoritma bicubic berkualitas tinggi untuk hasil tajam dan profesional. Proses terjadi sepenuhnya di browser - gambar Anda tidak pernah keluar dari perangkat, jadi aman dan privat. Cocok untuk posting media sosial, optimasi situs web, lampiran email, persiapan cetak, dan pembuatan thumbnail.
Resize gambar adalah proses mengubah dimensi piksel gambar (lebar dan tinggi) sambil opsional menjaga rasio aspek. Gambar digital tersusun dari piksel dalam grid - gambar 1920x1080 berisi 2.073.600 piksel (1920 lebar x 1080 tinggi). Resize mengubah ukuran grid ini dengan algoritma interpolasi yang menghitung nilai piksel baru. Konsep ini sudah ada sejak awal pencitraan digital pada 1960-an, dan menjadi penting saat web berkembang di 1990-an karena keterbatasan bandwidth. Resize modern memakai algoritma: nearest-neighbor (paling cepat, kualitas terendah, untuk pixel art), bilinear (halus, kualitas sedang), bicubic (kualitas tinggi, standar industri sejak Photoshop 3.0 di 1994), dan Lanczos (kualitas tertinggi, lebih lambat). Rasio aspek adalah perbandingan lebar dan tinggi, ditulis sebagai lebar:tinggi (16:9, 4:3, 1:1). Menjaga rasio aspek mencegah distorsi - gambar 1600x900 (16:9) di-resize ke 800x450 tetap proporsional, tapi jika 800x600 akan terlihat melar atau gepeng. Resize gambar penting untuk: media sosial (setiap platform punya ukuran optimal), performa web (gambar kecil lebih cepat), email (hindari batas lampiran), dan cetak (kebutuhan DPI berbeda).
Optimasi Media Sosial
Setiap platform punya ukuran optimal: Instagram feed (1080x1080 square, 1080x1350 portrait), Stories (1080x1920), Facebook post (1200x630), Twitter (1200x675), LinkedIn (1200x627), Pinterest (1000x1500). Ukuran yang tepat mencegah cropping, menjaga kualitas, dan tampil rapi di semua perangkat. Ukuran salah akan auto-crop atau pecah.
Performa Situs web & Page Speed
Gambar terlalu besar adalah penyebab utama situs web lambat. Foto 4000x3000 (12 MP, 5-8 MB) yang tampil di 800x600 hanya buang bandwidth. Resize ke ukuran tampil (800x600 = 200-400 KB) bisa mengurangi ukuran 95%. Core Web Vitals Google memberi penalti untuk gambar terlalu besar - ukuran tepat meningkatkan SEO.
Lampiran Email & Berbagi File
Penyedia email membatasi lampiran: Gmail (25 MB), Outlook (20 MB), Yahoo (25 MB). Foto smartphone (4000x3000, 3-5 MB) x 10 foto = 30-50 MB, melewati batas. Resize ke 1920x1440 (500 KB per foto) memungkinkan 40+ foto per email. Penerima juga lebih cepat unduh, terutama di data seluler.
Persiapan Cetak & Kebutuhan DPI
Cetak membutuhkan DPI tertentu: 300 DPI untuk print profesional, 150 DPI untuk poster besar, 72 DPI untuk layar. Foto 4x6 inch pada 300 DPI butuh 1200x1800 piksel. Ukuran 8x10 inch butuh 2400x3000 piksel. Resize ke ukuran print yang tepat agar kualitas terjaga dan ukuran file tidak berlebihan.
Pembuatan Thumbnail & Pratinjau
Buat gambar pratinjau kecil (thumbnail) untuk galeri, listing produk, atau cover video. Ukuran thumbnail umum: 150x150 (kecil), 300x300 (sedang), 600x600 (besar). Pemuatan thumbnail instan (10-50 KB vs 2-5 MB asli) meningkatkan pengalaman pengguna. E-commerce memakai beberapa ukuran: thumbnail, galeri, dan zoom.
Pengembangan App Seluler & Responsive Design
Aplikasi butuh ukuran berbeda untuk berbagai kepadatan layar: 1x (baseline), 2x (Retina/HD), 3x (iPhone Plus/Android xxhdpi). Ikon 300x300 butuh versi 300px, 600px, dan 900px. Situs web responsif menyajikan ukuran berbeda sesuai viewport: 480px (seluler), 768px (tablet), 1920px (desktop) menggunakan atribut srcset.
Resizer kami memakai HTML5 Canvas API dengan interpolasi bicubic untuk hasil berkualitas. Prosesnya: (1) Muat gambar ke elemen canvas. (2) Buat canvas baru dengan ukuran target. (3) Jalankan drawImage() dengan smoothing aktif (imageSmoothingQuality = 'high'). (4) Hitung nilai piksel baru memakai bicubic interpolation - tiap piksel baru dihitung dari grid 4x4 piksel di sekitar titik pada gambar asli, dengan bobot sesuai jarak. Hasilnya lebih halus daripada bilinear (2x2) atau nearest-neighbor (1:1). Saat mengecilkan, bicubic mengurangi aliasing dan tepi bergerigi. Saat memperbesar, hasilnya halus tapi tidak bisa menambah detail yang tidak ada - gambar 100x100 yang diperbesar ke 1000x1000 akan blur karena 99% piksel dibuat baru. Menjaga rasio aspek: jika asli 1600x900 (16:9) dan Anda set lebar 800, tinggi dihitung otomatis: 800 / 1600 = 0.5, jadi tinggi = 900 x 0.5 = 450. Membuka rasio aspek memungkinkan ukuran kustom tetapi bisa distorsi - gambar 16:9 dipaksa ke 1:1 akan terlihat melar atau gepeng. Pengurangan ukuran file: resize dari 4000x3000 (12 MP) ke 1920x1080 (2 MP) mengurangi jumlah piksel 83%, biasanya menghasilkan file 70-85% lebih kecil bahkan sebelum kompresi.
| Platform | Twitter/X | |||
| Feed Post (Landscape) | 1080x566 (1.91:1) | 1200x630 (1.91:1) | 1200x675 (16:9) | 1200x627 (1.91:1) |
| Feed Post (Square) | 1080x1080 (1:1) | 1200x1200 (1:1) | 1200x1200 (1:1) | 1200x1200 (1:1) |
| Feed Post (Portrait) | 1080x1350 (4:5) | 1080x1350 (4:5) | 1080x1350 (4:5) | 1080x1350 (4:5) |
| Stories/Reels | 1080x1920 (9:16) | 1080x1920 (9:16) | 1080x1920 (9:16) | 1080x1920 (9:16) |
| Foto Profil | 320x320 (tampil 110x110) | 180x180 (tampil 170x170) | 400x400 (tampil 200x200) | 400x400 (tampil 300x300) |
| Cover/Banner | N/A | 820x312 (desktop), 640x360 (seluler) | 1500x500 | 1584x396 |
| Ukuran File Maks | 30 MB (8 MB optimal) | 4 MB | 5 MB | 10 MB |
Alat resize kami memakai HTML5 Canvas API (didukung semua browser sejak IE9, 2011) dengan pengaturan rendering berkualitas tinggi. Kami mengaktifkan imageSmoothingEnabled = true dan imageSmoothingQuality = 'high' untuk interpolasi bicubic, menghasilkan kualitas setara Photoshop 'Bicubic Sharper'. Ukuran gambar maksimum: 25 MP (5000x5000 piksel) karena batas canvas browser - gambar lebih besar bisa gagal di perangkat seluler dengan memori terbatas. Kecepatan proses: 0.5-2 detik per gambar tergantung ukuran dan perangkat. Pemrosesan batch menangani hingga 50 gambar dengan Web Workers agar UI tidak macet. Format yang didukung: JPEG, PNG, WebP, GIF (hanya frame pertama), BMP. Format output mengikuti input kecuali Anda mengubah format saat resize. Untuk kualitas terbaik saat mengecilkan ukuran secara signifikan (misal 4000px -> 800px), kami memakai proses dua langkah: resize ke 2x target (1600px) lalu ke ukuran akhir (800px) - hasil lebih tajam dibanding sekali resize. Semua proses di sisi klien - gambar tidak pernah keluar dari browser Anda, jadi aman untuk foto sensitif.