Skip to main content

Cara Kompres Gambar PNG dengan TinyPNG

File gambar dengan format PNG sangat berguna dalam sebuah web desain. Sifat PNG yang dapat menyimpan gambar transparan sangat berguna dalam beberapa hal, seperti membuat icon yang backgroundnya dapat berganti secara fleksibel melalui CSS. Tapi di balik keunggulannya, PNG juga memiliki kelemahan. Yaitu ukuran file PNG bisa jauh lebih besar jika dibandingkan gambar dengan format JPG. Hal ini sangat berpengaruh pada kecepatan loading website kita.

Ukuran file PNG dapat dikurangi tanpa merendahkan kualitasnya.

Biasanya, untuk mengurangi ukuran file, kita harus mengurangi ukuran dimensi atau resolusinya. Hal ini menyebabkan kualitas gambar jadi menurun. Jadi bagaimana? Ada satu web tools yang dapat membantu anda mengurangi ukuran file gambar khusus format PNG secara signifikan. Namanya TinyPNG. Anda bisa membukanya di halaman tinypng.org.



TinyPNG adalah sebuah website yang menyediakan layanan gratis untuk kompresi file PNG anda. Dibanding Photoshop, TinyPNG mempunyai kelebihan, yakni pada ukuran file PNG yang dihasilkan. TinyPNG menggunakan teknik kompresi yang dapat mengurangi ukuran file PNG. Jumlah warna pada gambar PNG akan dikurangi secara selektif tanpa menurunkan kualitasnya. Tidak percaya? coba lihat gambar di bawah ini:

 Gambar sebelum dikompres Ukuran File : 56 KB  Gambar setelah dikompres Ukuran File : 16 KB
*gambar berasal dari website aslinya

Pada gambar di atas, ukuran file berkurang lebih dari 60%. Dan gambar hasil kompresi dari TinyPNG hampir tidak terlihat perbedaannya dengan gambar aslinya, tapi dalam ukuran file sangat jelas terlihat. Maka, anda bisa gunakan gambar hasil kompresi untuk menghemat bandwidth dan meningkatkan loading wesite Anda.

Bagaimana cara kerjanya?

Gunakan menu Save for Web pada Photoshop untuk mengekspor gambar transparan PNG Anda pada setting 24-bit. Kemudian unggah gambar tersebut ke TinyPNG. Ketika Anda mengunggah gambar PNG (Portable Network Graphic) pada website Tiny PNG, warna-warna yang mirip di gambar akan digabungkan. Teknik ini disebut juga dengan Quantisation. Karena warna dikurangi dengan teknik Quantisation, ukuran file PNG 24-bit akan akan berubah menjadi PNG 8-bit yang membuat ukuran file bisa jadi jauh lebih kecil. Bisa dicoba ;-)

Featured on MEBISO

Comments

Popular posts from this blog

10 Percobaan CodePen yang Membuktikan Anda tidak Butuh Flash untuk Animasi Website

Web programmer seringkali membuat website interaktif dengan memakai flash. Sayangnya tidak semua browser dilengkapi Flash Player secara built-in, sehingga browser harus lebih dulu di install Flash Player untuk menjalankan animasi buatan anda.

10 Tren Terbaru Desain Logo di Tahun 2014

Sebuah logo merupakan komponen penting jika kita berbicara branding dalam sebuah bisnis. Sekarang banyak pemilik startup merasa perlu adanya sebuah logo yang baik untuk dapat merepresentasikan bisnisnya sekaligus menjadi identitas dari startup tersebut.

Google+ Stories: Fitur Terbaru G+ Untuk Membuat Jurnal Perjalanan

Sekali lagi, Google membuat sesuatu yang menurut saya benar - benar keren sekaligus menarik. Setelah sebelumnya Google pernah meluncurkan alat desain Ads canggih . Kemarin (20 Mei 2014), Google+ resmi mengumumkan pada blognya tentang penambahan fitur baru yang bernama Google+ Stories . Fitur ini membuat foto dan video Anda di Google+ menjadi lebih berguna, daripada hanya disimpan dalam folder dan menjadi pajangan. Fitur tersebut akan secara otomatis membuat sebuah jurnal digital berisi foto-foto dan video terbaik milik Anda. Dimulai hari ini pada platform Android dan Web. Google+ akan memeriksa foto dan video yang sudah terupload, serta tempat-tempat yang pernah Anda kunjungi untuk selanjutnya digabungkan menjadi sebuah jurnal digital atau semacam buku perjalanan. Hasil akhirnya berupa tampilan slideshow fullscreen, dimulai dari slideshow gambar sampul dan diikuti dengan gambar lain dalam bentuk timeline. Beberapa gambar akan memiliki caption se...