Cara Mengoptimumkan Imej untuk Prestasi Web tanpa Kehilangan Kualiti

Tahukah anda bahawa mengoptimumkan gambar anda sebelum memuat naik ke WordPress boleh memberi kesan besar pada kelajuan laman web anda?


Semasa memulakan blog baru, banyak pemula hanya memuat naik gambar tanpa mengoptimumkannya untuk web. Fail gambar besar ini menjadikan laman web anda lebih perlahan.

Anda boleh memperbaikinya dengan menggunakan amalan terbaik pengoptimuman gambar sebagai sebahagian daripada rutin blogging biasa anda.

Dalam artikel ini, kami akan menunjukkan kepada anda cara mengoptimumkan gambar anda untuk prestasi web yang lebih pantas tanpa kehilangan kualiti. Kami juga akan berkongsi pemalam pengoptimuman imej automatik untuk WordPress yang dapat mempermudah hidup anda.

Cara Mengoptimumkan Imej Anda di WordPress (Langkah demi Langkah)

Oleh kerana ini adalah panduan komprehensif mengenai pengoptimuman gambar untuk web, kami telah membuat jadual kandungan yang mudah diikuti:

    Apakah Pengoptimuman Imej? (Imej Dioptimumkan vs Tidak Dioptimumkan)

    Pengoptimuman gambar adalah proses menyimpan dan menghantar gambar dalam ukuran fail sekecil mungkin tanpa mengurangkan kualiti gambar secara keseluruhan.

    Walaupun prosesnya terdengar rumit, sebenarnya agak mudah hari ini. Anda boleh menggunakan salah satu daripada banyak plugin dan alat pengoptimuman gambar untuk memampatkan gambar secara automatik sehingga 80% tanpa kehilangan kualiti gambar yang dapat dilihat.

    Berikut adalah contoh gambar yang dioptimumkan berbanding yang tidak dioptimumkan:

    Imej Dioptimumkan vs Tidak Dioptimumkan di WordPress

    Seperti yang anda lihat, apabila dioptimumkan dengan betul gambar yang sama dapat 75% lebih kecil daripada yang asli tanpa kehilangan kualiti.

    Bagaimana Pengoptimuman Imej berfungsi?

    Secara sederhana, pengoptimuman gambar berfungsi dengan menggunakan teknologi pemampatan seperti “Lossy” dan “Lossless” yang membantu mengurangkan ukuran keseluruhan fail tanpa kehilangan kualiti yang ketara.

    Apa maksudnya Mengoptimumkan Imej?

    Sekiranya anda pernah menerima cadangan untuk mengoptimumkan gambar dengan sokongan hosting WordPress anda atau dengan alat ujian kelajuan, maka maksudnya ialah anda perlu mengurangkan ukuran fail gambar anda dengan mengoptimumkannya untuk web.

    Mengapa Pengoptimuman Imej Penting? Apakah Faedah Pengoptimuman Imej?

    Walaupun terdapat banyak faedah mengoptimumkan gambar anda, di bawah ini adalah yang terbaik yang harus anda ketahui:

    • Kelajuan laman web yang lebih pantas
    • Peningkatan kedudukan SEO
    • Kadar penukaran keseluruhan untuk penjualan dan petunjuk yang lebih tinggi
    • Kurang storan dan lebar jalur (yang dapat mengurangkan kos hosting dan CDN)
    • Sandaran laman web yang lebih pantas (juga mengurangkan kos penyimpanan sandaran)

    Di luar video, gambar adalah item paling berat seterusnya di laman web. Menurut arkib HTTP, rata-rata 21% daripada berat keseluruhan laman web.

    Oleh kerana kita tahu laman web pantas mendapat kedudukan lebih tinggi dalam enjin carian (SEO) dan mempunyai penukaran yang lebih baik, pengoptimuman gambar adalah sesuatu yang mesti dilakukan oleh setiap laman web perniagaan sekiranya mereka ingin berjaya dalam talian.

    Sekarang anda mungkin tertanya-tanya seberapa besar perbezaan yang dapat dilakukan oleh pengoptimuman gambar?

    Menurut kajian Strangeloop, kelewatan satu saat dalam masa memuatkan laman web boleh menyebabkan anda 7% penjualan, 11% lebih sedikit tayangan halaman, dan penurunan kepuasan pelanggan sebanyak 16%.

    Bagaimana kelajuan mempengaruhi laman web anda

    Sekiranya ini bukan alasan yang cukup untuk mempercepat laman web anda, maka anda harus tahu bahawa enjin carian seperti Google juga memberikan perlakuan SEO pilihan kepada laman web yang lebih cepat memuat.

    Ini bermakna bahawa dengan mengoptimumkan gambar anda untuk web, anda berdua dapat meningkatkan kelajuan laman web dan meningkatkan kedudukan SEO WordPress.

    Tutorial Video

    Langgan WPBeginner

    Sekiranya anda lebih suka arahan bertulis, teruskan membaca.

    Cara Menyimpan dan Mengoptimumkan Imej untuk Prestasi Web?

    Kunci kejayaan pengoptimuman gambar untuk prestasi web adalah mencari keseimbangan yang sempurna antara ukuran fail paling rendah dan kualiti gambar yang boleh diterima.

    Tiga perkara yang memainkan peranan besar dalam pengoptimuman imej adalah:

    • Format fail gambar (JPEG vs PNG vs GIF)
    • Mampatan (Pemampatan lebih tinggi = saiz fail lebih kecil)
    • Dimensi Gambar (tinggi dan lebar)

    Dengan memilih kombinasi ketiganya yang betul, anda dapat mengurangkan ukuran gambar anda hingga 80%.

    Mari kita perhatikan masing-masing dengan lebih terperinci.

    1. Format Fail Gambar

    Bagi kebanyakan pemilik laman web, hanya tiga format fail gambar yang penting ialah JPEG, PNG, dan GIF. Memilih jenis fail yang betul memainkan peranan penting dalam pengoptimuman gambar.

    Untuk memastikan perkara mudah, anda ingin menggunakan JPEG untuk foto atau gambar dengan banyak warna, PNG untuk gambar mudah atau apabila anda memerlukan gambar yang telus, dan GIF untuk gambar animasi sahaja.

    Bagi mereka yang tidak mengetahui perbezaan antara setiap jenis fail, format gambar PNG tidak dimampatkan yang bermaksud gambar yang berkualiti tinggi. Kelemahannya adalah bahawa saiz fail jauh lebih besar.

    Sebaliknya, JPEG adalah format fail termampat yang sedikit mengurangkan kualiti gambar untuk memberikan ukuran fail yang jauh lebih kecil.

    Manakala GIF hanya menggunakan 256 warna bersama dengan pemampatan tanpa kerugian yang menjadikannya pilihan terbaik untuk gambar animasi.

    Di WPBeginner, kami menggunakan ketiga-tiga format gambar berdasarkan jenis gambar.

    2. Pemampatan

    Perkara seterusnya adalah pemampatan imej yang memainkan peranan besar dalam pengoptimuman gambar.

    Terdapat pelbagai jenis dan tahap pemampatan gambar yang tersedia. Tetapan untuk masing-masing akan berbeza bergantung pada alat pemampatan gambar yang anda gunakan.

    Sebilangan besar alat penyuntingan gambar seperti Adobe Photoshop, On1 Photo, GIMP, Affinity Photo, dan lain-lain dilengkapi dengan ciri pemampatan gambar terbina dalam.

    Anda juga dapat menyimpan gambar secara normal dan kemudian menggunakan alat web seperti TinyPNG atau JPEG Mini untuk pemampatan gambar yang lebih mudah.

    Walaupun agak manual, kedua kaedah ini membolehkan anda memampatkan gambar sebelum memuat naiknya ke WordPress, dan inilah yang kami lakukan di WPBeginner.

    Terdapat juga beberapa plugin WordPress yang popular seperti Optimole, EWWW Image Optimizer, dan lain-lain yang secara automatik dapat memampatkan gambar semasa pertama kali memuat naiknya. Banyak pemula dan syarikat besar lebih suka menggunakan pemalam pengoptimuman gambar ini kerana senang dan senang.

    Kami akan berkongsi lebih banyak mengenai pemalam WordPress ini kemudian dalam artikel.

    3. Dimensi Gambar

    Biasanya, semasa anda mengimport foto dari telefon atau kamera digital, ia mempunyai resolusi yang sangat tinggi dan dimensi fail yang besar (tinggi dan lebar).

    Biasanya, foto-foto ini mempunyai resolusi 300 DPI dan dimensi bermula dari 2000 piksel dan lebih. Foto-foto berkualiti tinggi ini sangat sesuai untuk penerbitan cetak atau desktop. Mereka tidak sesuai untuk laman web.

    Mengurangkan dimensi fail menjadi sesuatu yang lebih wajar dapat mengurangkan saiz fail gambar dengan ketara. Anda hanya boleh mengubah ukuran gambar menggunakan perisian penyuntingan gambar di komputer anda.

    Sebagai contoh, kami mengoptimumkan foto dengan ukuran fail asli 1.8 MB, resolusi 300 DPI, dan dimensi gambar 4900 × 3200 piksel.

    Kami memilih format jpeg untuk pemampatan yang lebih tinggi dan mengubah dimensi menjadi 1200 × 795 piksel, dan itu mengurangkan ukuran fail gambar menjadi 103 KB. Itu 94% kurang daripada saiz fail asal.

    Sekarang setelah anda mengetahui tiga faktor penting dalam pengoptimuman gambar, mari kita lihat pelbagai alat pengoptimuman gambar untuk pemilik laman web.

    Alat dan Program Pengoptimuman Imej Terbaik

    Seperti yang kami sebutkan sebelumnya, kebanyakan perisian penyuntingan gambar dilengkapi dengan pengaturan pengoptimuman dan pemampatan gambar.

    Di luar perisian penyuntingan gambar, ada juga beberapa alat pengoptimuman gambar gratis yang kuat yang dapat Anda gunakan untuk mengoptimumkan gambar untuk web (hanya dengan beberapa klik).

    Kami mengesyorkan menggunakan alat ini untuk mengoptimumkan gambar sebelum anda memuat naiknya ke WordPress, terutamanya jika anda seorang yang sempurna.

    Kaedah ini membantu anda menjimatkan ruang cakera pada akaun hosting WordPress anda, dan ia menjamin gambar terpantas dengan kualiti terbaik kerana anda secara manual mengkaji setiap gambar.

    Adobe Photoshop

    Adobe Photoshop adalah perisian premium yang dilengkapi dengan ciri untuk menyimpan gambar yang dioptimumkan untuk web. Cukup buka gambar anda dan klik pada pilihan “Fail» Simpan untuk Web “.

    Ini akan membuka kotak dialog baru. Di sebelah kanan, anda boleh menetapkan format gambar yang berbeza. Untuk format JPEG, anda akan melihat pilihan kualiti yang berbeza. Apabila anda memilih pilihan anda, ini juga akan menunjukkan kepada anda ukuran fail di kiri bawah.

    Menyimpan gambar yang dioptimumkan untuk web menggunakan Photoshop

    GIMP

    GIMP adalah alternatif sumber terbuka dan bebas daripada Adobe Photoshop yang popular. Ia dapat digunakan untuk mengoptimumkan gambar anda untuk web. Kelemahannya adalah bahawa ia tidak semudah digunakan seperti beberapa penyelesaian lain dalam senarai ini.

    Pertama, anda perlu membuka gambar anda di GIMP dan kemudian pilih Fail »Eksport Sebagai pilihan. Ini akan memaparkan kotak dialog simpan fail. Beri nama baru fail anda dan kemudian klik pada butang eksport.

    Eksport gambar dalam GIMP

    Ini akan memunculkan pilihan eksport gambar. Untuk fail jpeg, anda boleh memilih tahap pemampatan untuk mengurangkan ukuran fail. Akhirnya, klik pada butang eksport untuk menyimpan fail gambar yang dioptimumkan.

    TinyPNG

    TinyPNG adalah aplikasi web percuma yang menggunakan teknik pemampatan kehilangan pintar untuk mengurangkan saiz fail PNG anda. Yang perlu anda lakukan hanyalah pergi ke laman web mereka dan memuat naik gambar anda (seretan mudah & turun).

    Menggunakan TinyPNG untuk mengoptimumkan gambar untuk WordPress

    Mereka akan memampatkan gambar, dan memberi anda pautan muat turun. Anda boleh menggunakan laman web kakak mereka, TinyJPG, untuk pemampatan gambar JPEG.

    Mereka juga mempunyai lanjutan untuk Adobe Photoshop yang kami gunakan sebagai sebahagian dari proses penyuntingan gambar kami kerana menggabungkan yang terbaik dari TinyPNG dan TinyJPG di dalam Photoshop.

    Bagi pembangun, mereka mempunyai API untuk menukar gambar secara automatik, dan untuk pemula mereka mempunyai plugin WordPress yang dapat melakukannya secara automatik untuk anda (lebih lanjut mengenai ini kemudian).

    JPEG Mini

    JPEGmini menggunakan teknologi pemampatan tanpa kerugian yang secara signifikan mengurangkan ukuran gambar tanpa mempengaruhi kualiti persepsi mereka. Anda juga dapat membandingkan kualiti gambar asal dan gambar yang dimampatkan.

    Alat pemampatan gambar dalam talian JPEGMini

    Anda boleh menggunakan versi web mereka secara percuma, atau membeli program untuk komputer anda. Mereka juga memiliki API berbayar untuk mengotomatiskan proses untuk pelayan anda.

    ImageOptim

    ImageOptim adalah utiliti Mac yang membolehkan anda memampatkan gambar tanpa kehilangan kualiti dengan mencari parameter pemampatan terbaik dan membuang profil warna yang tidak perlu.

    ImageOptim

    Alternatif Windows untuk ini adalah Trimage.

    Plugin Pengoptimuman Imej Terbaik untuk WordPress

    Kami percaya bahawa kaedah terbaik untuk mengoptimumkan gambar anda adalah dengan melakukannya sebelum memuat naiknya ke WordPress. Namun, jika anda menjalankan laman web berbilang penulis atau memerlukan penyelesaian automatik, maka anda boleh mencuba pemalam pemampatan gambar WordPress.

    Berikut adalah senarai pemalam pemampatan gambar WordPress terbaik kami:

    1. Optimole – plugin popular oleh pasukan di belakang ThemeIsle.
    2. Pengoptimum Imej EWWW
    3. Memampatkan JPEG & Imej PNG – pemalam oleh pasukan TinyPNG yang disebutkan di atas dalam artikel.
    4. Imagify – plugin oleh pasukan plugin WP Rocket yang popular.
    5. Pengoptimum Imej ShortPixel
    6. WP Smush
    7. reSmush.it

    Menggunakan mana-mana plugin pengoptimuman imej WordPress ini akan membantu anda mempercepat laman web anda.

    Pemikiran Akhir dan Amalan Terbaik untuk Pengoptimuman Imej

    Sekiranya anda tidak menyimpan gambar yang dioptimumkan untuk web, maka anda harus mula melakukannya sekarang. Ini akan memberi perbezaan yang besar pada kelajuan laman web anda, dan pengguna anda akan mengucapkan terima kasih atasnya.

    Tidak ketinggalan, laman web yang lebih pantas sangat bagus untuk SEO, dan anda mungkin akan melihat peningkatan dalam kedudukan mesin pencari anda.

    Di luar pengoptimuman gambar, dua perkara yang akan membantu anda mempercepat laman web anda adalah menggunakan plugin caching WordPress dan menggunakan CDN WordPress.

    Sebagai alternatif, anda boleh menggunakan syarikat hosting WordPress yang dikendalikan kerana mereka sering menawarkan caching dan CDN sebagai sebahagian daripada platform.

    Kami harap artikel ini membantu anda mempelajari cara mengoptimumkan gambar anda di WordPress. Anda mungkin juga ingin melihat panduan kami mengenai cara meningkatkan keselamatan WordPress anda dan plugin WordPress terbaik untuk laman web perniagaan.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map