Halo. Konten blog kami telah diterjemahkan secara otomatis demi kenyamanan Anda. Mohon maaf bila sesekali ada terjemahan yang buruk.

Cara Optimize Gambar Produk: Step-By-Step Instructions and An Overview of Services

Oct 20, 2015 oleh Lina Vashurina, Ecwid Tim
Posted Oct 20, 2015 oleh Lina Vashurina, Ecwid Tim

Gambar menarik perhatian dari pembeli. Dalam rangka untuk menjaga perhatian, yang anda butuhkan cantik-foto itu beban dengan cepat. Oleh karena, anda akan perlu untuk optimize your gambar. Artikel ini akan memberitahu anda bagaimana.

Apa yang harus ukuran gambar menjadi? Bagaimana anda bisa membuat toko online terstruktur dan cantik? Bagaimana anda bisa mengurangi ukuran gambar tapi tetap detail? Biarkan kami membantu anda.

Semua contoh-contoh dalam artikel yang dibuat di Photoshop. Jika anda tidak memiliki Photoshop, kami menawarkan beberapa pilihan di akhir.

Dimensi dan proporsi dari gambar

Ukuran

Ini adalah era tinggi-resolusi, besar layar dan Internet kecepatan tinggi, tapi itu tidak berarti kita tidak perlu khawatir tentang optimizing kita gambar. Modern membuat kamera besar detail gambar yang cocok untuk tinggi-end cetak. Kemungkinan anda fotografer akan menyediakan anda dengan begitu gambar.

Namun, jika gambar terlalu besar, mereka tidak cocok untuk Internet. Mereka memperlambat kecepatan loading, terutama ketika dilihat di telepon. Jika anda tidak ingin pengunjung menjadi tidak sabar dan meninggalkan toko anda, anda harus mengurangi ukuran gambar anda.

Sebuah gambar yang memiliki dua ukuran:

1. Ruang ini menempati di layar. Ukuran ini adalah diukur dalam pixel (px), poin yang membuat layar. Di toko Ecwid anda dapat meng-upload gambar ukuran, karena mereka selalu optimized untuk menyesuaikan lebar dari jendela browser. Namun demikian, yang terbaik adalah untuk mengurangi anda produk gambar untuk tentang 1000 x 1000 px. Itu ukuran yang cukup besar untuk menampilkan produk dan cukup kecil untuk muat dengan cepat.

2. Memori ruang yang dibutuhkan di, yang diukur dalam kilobytes (kB). Semakin besar ukuran fisik dari gambar, semakin banyak ruang penyimpanan itu akan mengambil, dan semakin lama itu akan mengambil untuk beban. Untuk memecahkan masalah ini, image file format dengan kompresi diciptakan. Gambar dikompres oleh optimizing warna data.

Namun, kuat kompresi yang memilih memangkas “kualitas” dari gambar: ada suara atau seorang dengan warna transisi. Untuk menghindari ini, itu sudah cukup untuk menyimpan gambar dalam format yang benar.

Untuk file ukuran tentang 1000 px, sebuah hasil bagus akan mengambil lebih atau kurang 200 kB. Bagaimana untuk memilih format yang dijelaskan di bawah ini.

Cropping

– Foto yang telah menjadi lebih kecil, tapi kehilangan detail yang saya ingin menunjukkan!

Anda’re tepat! Rincian penting. Bingkai anda penting rincian produk, dengan memotong mereka keluar dari pintu utama, gambar. Menambahkan gambar ke galeri.

optimasi 1

Kecil gambar dan dua frame dengan rincian yang sama gambar

Thumbnails

Jadi, anda telah berurusan dengan utama citra produk, tapi anda masih ingin menunjukkan beberapa rincian. Ecwid mengurus ini: default ukuran kita secara otomatis dihasilkan thumbnails adalah 230 px. Anda dapat mengubah ini dalam pengaturan dari panel kontrol.

Jika anda tidak menggunakan Ecwid, membuat thumbnail ukuran sampai 40-50 kB.

Proporsi

Penelitian telah menunjukkan bahwa tidak semua aspek rasio adalah menyenangkan untuk mata. Selama bertahun-tahun telah didefinisikan sebuah “standar” set dari proporsi, yang akan selalu memiliki hasil bagus: 1:1, 4:3, 3:2, dan 16:9.

proporsi Thumbnail

Proporsi yang penting, seperti yang mereka jelaskan tampilan situs anda. Berikan semua gambar yang sama proporsi, karena hal ini akan memberi anda toko jendela yang terstruktur dan profesional terlihat.

Sharpness

Jika anda sudah mengurangi ukuran gambar, anda mungkin akan menyadari bahwa ia telah kehilangan nya sharpness. Bagaimana aku mempertahankan sharpness?

Cara mudah

Paling modern photo editor memungkinkan anda untuk memilih baru gambar ukuran ketika "menabung untuk Web", dengan pengurangan algoritma yang secara langsung mempengaruhi sharpness. Di Photoshop, jika anda menggunakan parameter yang tepat (gambar ukuran di bawah ini 1000 px dan kualitas = Bicubic Tajam), hasil yang tidak memerlukan penyesuaian berikut.

opt_sharp

Jika yang asli, gambar adalah sangat besar, seperti 5000 x 5000 px, tidak mengurangi secara langsung. Apakah itu dalam dua atau tiga langkah, setiap kali penyesuaian yang sharpness.

Untuk pengguna berpengalaman

1. Mengurangi gambar ke ukuran yang diinginkan: Gambar → Gambar Ukuran + pilih Bicubic Tajam.
2. Menyalin gambar ke kedua lapisan (Lapisan → Duplikat Layer).
3. Meningkatkan sharpness dari kedua lapisan (Filter → Mempertajam → Mempertajam).
4. Menyesuaikan opacity untuk menyesuaikan sharpness (Lapisan → Opacity), dan anda’kembali dilakukan.

Trik:

  • Menggunakan luminosity mode untuk kedua lapisan untuk menghindari lingkaran cahaya berwarna.
  • luminositas optimizatiom

  • Menghapus yang tidak diinginkan harshness dengan menghilangkan bagian-bagian dari kedua lapisan.
  • optimasi topeng

Jadi di sini’s apa yang kita miliki jika dibandingkan dengan yang asli, gambar:

optimasi strawberry
Ada banyak artikel tentang topik ini; hanya mencari "bagaimana untuk meningkatkan sharpness gambar” untuk informasi lebih lanjut.

Pilih yang format

Setelah anda gambar memiliki hak proporsi, ukuran, bentrokan, dan sharpness, ini adalah waktu untuk menyimpannya. Anda harus memilih yang sesuai format untuk kualitas tertinggi dengan ukuran terkecil.
Ini adalah yang paling populer format:

  • GIF (Graphics Interchange Format – "format untuk berbagi gambar") mampu menyimpan kompresi data tanpa kehilangan kualitas dalam format yang tidak lebih dari 256 warna. Yang mendukung format animations. Untuk waktu yang lama, GIF adalah yang paling umum format di Internet, ketika PNG sudah belum sudah didirikan.
  • PNG (Portable Network Graphics) menggunakan kompresi lossless dan toko-toko yang tak terbatas jumlah warna.
  • JPEG (Bersama Para Ahli Fotografi Kelompok, nama pengembang) adalah yang paling umum format untuk menyimpan foto-foto dan lain-lain, gambar. Para JPEG algoritma yang memungkinkan anda untuk kompres gambar sebagai lossy dan lossless. Semakin kecil kerugian, semakin besar ukuran file.

JPEG_example_down opt

JPEG foto dengan penurunan tingkat kompresi rasio dari kiri ke kanan, Wikipedia

Jadi apa yang harus memilih?

1. Jika anda memiliki sebuah gambar, pilih JPEG dengan kualitas 50-80 unit.
2. Jika anda illustration memiliki besar pesawat, JPEG tidak cocok, karena itu akan menciptakan distorsi gambar. Pilih PNG sebagai gantinya.
3. Animasi gambar? Pilih GIF.

Jangan menggunakan TIFF untuk internet. Ini indah format yang dirancang untuk mencetak, tapi tidak cocok untuk web.

optim_format

Menyimpan gambar dalam berbagai format. Para JPEG file adalah “jelas”

– Bisa aku bahkan kurang?
– Ya!

Berikut jasa yang menawarkan file kompresi tanpa kehilangan kualitas: TinyJPG, JPEGmini, dan TinyPNG.

Jika anda tidak memiliki Photoshop

Photoshop menawarkan gratis online editor atas dasar manipulasi gambar (e.g. cropping atau resizing gambar). Anda juga bisa beli minimal versi untuk $9.99 per bulan.

Untuk tujuan kami, hal ini tidak lebih buruk dari yang gratis foto editor:

GIMP

Program ini cocok untuk Jendela, Mac dan Linux. Ini menawarkan semua yang anda butuhkan untuk profesional graphics dan foto: alat untuk lapisan dan masker, warna koreksi, retouching, dan lukisan. Gimp mendukung semua utama gambar file format.

windows_crop-1024x736

Paint.NET

Grafis editor untuk Windows. Sederhana, intuitif dan user-friendly antarmuka. Tidak sebagus Photoshop, tapi untuk editing foto untuk sebuah toko online itu sudah cukup bagus. Editor hebat yang mengubah sejarah, jadi, tindakan apapun yang dapat dibatalkan. Mendukung lapisan, memiliki besar koleksi alat dan filter dengan pengaturan fleksibel.

PicMonkey

Online editor dengan sederhana, antarmuka, dan semua fungsi-fungsi dasar: cropping, berputar, sharpness kontrol, bekerja dengan warna, memilih resolusi foto. Besar set filter mulai dari profesional (misalnya, efek film grain) untuk komik (misalnya, efek dari awan atau musim dingin). Untuk pindah ke yang baru operasi, anda perlu untuk menyimpan atau membatalkan sebelumnya.

Sebagian besar alat-alat yang tersedia secara gratis, tapi untuk beberapa fitur canggih anda akan harus membayar.

picmonkey-1024x550

Pixlr

Gratis online editor untuk pemula dan profesional. Lihat dan rasakan reminiscent dari Photoshop. Ada fungsi-fungsi untuk warna, gambar dan foto editing. Anda dapat bekerja dengan lapisan dan menggunakan berbagai efek dan filter.

Pixlr Editor mendukung semua populer format gambar.

Pixlr-1024x593

***

Trim, edit, menyesuaikan sharpness, pilih yang format, pilih editor… Pada pandangan pertama tampaknya rumit. Jangan menyerah. Tampilan toko anda layak keringat. Setelah pertama sepuluh gambar, anda akan mampu untuk melakukan itu kehilangan semangat.

Jika anda memiliki pertanyaan, merasa bebas untuk bertanya kepada mereka di komentar di bawah artikel ini.

About The Author
Lina is a content creator at Ecwid. She writes to inspire and educate readers on all things commerce. She loves to travel and runs marathons.

Stay up to date!

Get free e-commerce tips, news and inspiring ideas delivered directly to your inbox

Baca juga