Jenis File Gambar Yang Digunakan untuk WordPress

Jenis File Gambar Yang Digunakan untuk WordPress

Jika Anda telah menjalankan situs WordPress untuk sementara waktu, Anda mungkin bertanya-tanya jenis file gambar mana yang terbaik untuk situs web Anda. Haruskah Anda menggunakan JPG atau PNG? Mungkin Anda ingin menggunakan jenis file gambar yang berbeda seperti WebP tetapi tidak yakin apa yang harus dilakukan. Jika bukan itu, mungkin Anda ingin mengunggah gambar PSD, AI, atau INDD dan macet.


Tidak masalah mengapa Anda ada di sini, postingan hari ini akan membantu Anda memilih jenis file gambar yang tepat untuk situs web WordPress Anda. Mengapa memilih jenis file gambar yang tepat diperlukan? Kami juga membahasnya di pos. Selain itu, kami menyoroti jenis file gambar yang diterima, cara menambahkan jenis file lain dan menyentuh beberapa praktik terbaik gambar WordPress.

Jika itu terdengar hebat, mari kita menimbang jangkar dan berlayar karena ada banyak hal yang harus dipelajari.

Mengapa Sangat Penting untuk Memilih Jenis File Gambar yang Tepat?

Memilih tipe file gambar yang sempurna lebih sulit dari yang Anda kira, dan saya mengerti. Tetapi Anda harus memperhatikan jenis file yang Anda gunakan karena itu berkorelasi dengan kinerja situs web Anda. Jadi, mengapa penting untuk mempertimbangkan jenis file gambar yang Anda pilih?

  • Kecepatan & kinerja – Beberapa jenis file gambar membutuhkan lebih banyak ruang daripada yang lain. Jika Anda menggunakan format gambar besar, Anda memperlambat situs web Anda dan menghabiskan biaya server. Gunakan gambar ringan yang menjamin kecepatan dan kinerja halaman yang lebih baik pengalaman pengguna yang optimal (UX).
  • Skor SEO – Tahukah Anda kecepatan halaman adalah a sinyal peringkat SEO langsung? Jika Anda menggunakan gambar berat atau berkualitas rendah di situs web Anda, Anda kehilangan UX yang lebih baik dan manfaat SEO terkait. Memilih gambar berkualitas tinggi dan siap-SEO melengkapi halaman Anda untuk skor SEO yang lebih baik.
  • Estetika – Beberapa format gambar menyimpan detail lebih baik daripada yang lain, bahkan setelah kompresi. Anda menginginkan format gambar yang terlihat bagus untuk penampilan yang dipoles, berkualitas tinggi, dan profesional �� Setiap format gambar sempurna untuk penggunaan tertentu, jadi pilihlah dengan bijak.
  • Desain responsif – Saat ini, pengguna mengunjungi situs web Anda di berbagai perangkat dengan beragam browser dan ukuran layar. Anda harus menggunakan jenis file gambar responsif yang didukung di sebagian besar browser. Selain itu, Anda perlu gambar yang terlihat luar biasa di berbagai layar. Lebih lanjut tentang ini nanti.
  • Konsistensi – Demi konsistensi, kami sarankan tetap menggunakan satu jenis file utama untuk gambar Anda. Anda dapat menggunakan format file lain berdasarkan permintaan atau tergantung pada kebutuhan Anda, tetapi satu atau dua format harus banyak.

Selain itu, mari kita bicarakan jenis file gambar yang tersedia.

Jenis File Gambar Yang Tersedia

Tersembunyi dari banyak pemula adalah kenyataan bahwa ada dunia format gambar di luar sana. Ya, ada ratusan jenis file gambar bahwa kita akan membutuhkan eBuku untuk mencakup semuanya. Namun, jangan khawatir; kami hanya fokus pada format gambar yang sempurna untuk situs web WordPress.

Format gambar diklasifikasikan ke dalam dua kategori besar: Raster dan Vektor gambar-gambar.

Gambar raster dibuat oleh serangkaian piksel untuk membentuk gambar. Karena alasan ini, gambar raster biasanya kehilangan resolusi ketika dikompresi atau diulur. Tiga format gambar populer – JPG, PNG, dan GIF – adalah gambar raster, yang merupakan sebagian besar dari semua foto yang Anda lihat online.

Gambar vektor, di sisi lain, dibangun menggunakan rumus matematika daripada piksel, yang berarti mereka lebih fleksibel sejauh sering mengubah ukuran. Jenis gambar vektor populer termasuk Adobe EPS (Encapsulated PostScript), SVG (Scalable Vector Graphics), PDF, WEBP, dan format AI Adobe Illustrator, antara lain.

Untuk penggunaan situs web biasa, buka gambar raster. Pada saat yang sama, Anda dapat membuat gambar vektor dari logo Anda dan gambar lain yang membutuhkan pengeditan dan pengubahan ukuran yang sering. Idealnya, Anda harus mengonversi semua gambar vektor menjadi gambar raster sebelum menggunakannya di situs web WordPress Anda.

Mengapa?

Karena gambar raster lebih ringan dan didukung oleh semua browser, Anda harus menggunakan JPG atau PNG. Jika Anda membutuhkan animasi, Anda memiliki format GIF. Sekarang, kita hanya memiliki tiga dari ratusan format gambar di luar sana.

Itu menimbulkan pertanyaan: Tapi jenis file gambar mana yang didukung WordPress?

Jenis File Gambar yang Diterima

Menurut Naskah kuno, WordPress menerima format gambar JPG, JPEG, PNG, ICO, dan GIF secara default. Jika Anda bingung, JPEG hanya JPG, dan ICO adalah format gambar yang Anda gunakan untuk ikon. Di situs web WordPress, ikon biasanya digunakan untuk favicon Anda, bukan gambar di pos atau halaman Anda.

Secara default, Anda hanya dapat mengunggah JPG dan PNG ke halaman dan posting Anda. Jika Anda ingin menambahkan jenis file gambar lain untuk alasan apa pun, Anda dapat menggunakan plugin seperti Jenis File Ekstra WP. Jika Anda tidak suka plugin, Anda dapat menambahkan kode berikut ke wp-config.php mengajukan.

define ('ALLOW_UNFILTERED_UPLOADS', true);

Untuk metode alternatif, tambahkan kode berikut ke functions.php mengajukan:

Kode di atas akan menambahkan dukungan untuk ekstensi SVG dan JSON. Jika Anda ingin menambahkan ekstensi untuk format gambar lain, edit kode di atas sesuai. Untuk mempelajari lebih lanjut, periksa cara mengunggah jenis file tambahan di WordPress.

Jika Anda mengalami masalah dalam menambahkan jenis file baru, pertama-tama hubungi penyedia hosting Anda karena mungkin memiliki keterbatasan. Selain itu, yang merupakan format file gambar terbaik untuk digunakan?

Yang merupakan Tipe File Gambar Terbaik untuk Digunakan?

Untuk bagian berikut, kami mempertimbangkan tiga format gambar paling populer untuk situs web. Kami membahas JPG, PNG, dan GIF, menyoroti format terbaik untuk berbagai penggunaan. Mari kita mulai dengan JPG.

JPG

JPG (juga dikenal sebagai JPEG) adalah singkatan dari Joint Photographic Experts Group. Gambar JPG sangat cocok untuk tingkat kompresi tinggi dan dapat menampilkan jutaan warna, menjadikannya sempurna untuk foto dan gambar dengan warna-warna cerah.

Format gambar ini mendukung kompresi lossy, yang menghasilkan sedikit penurunan kualitas gambar setelah dioptimalkan. Namun, Anda dapat mengontrol tingkat kompresi untuk memastikan Anda mendapatkan kualitas dan kinerja terbaik. Gambar JPG tidak mendukung latar belakang transparan.

PNG

PNG adalah kependekan dari Portable Network Graphics, format gambar yang awalnya dirancang untuk mentransfer gambar melalui internet. Gambar PNG menampilkan jutaan warna, tetapi mereka bisa lebih berat dari JPG. Mereka luar biasa untuk tangkapan layar, logo, infografis, dan gambar header utama yang mengidentifikasi suatu merek.

PNG mendukung kompresi lossless yang berarti tidak ada data yang hilang selama optimasi. Dengan demikian, gambar PNG lebih tajam dan tajam dari gambar JPG setelah kompresi. Selain itu, jenis file gambar PNG mendukung latar belakang transparan.

GIF

GIF adalah singkatan untuk Graphics Interchange Format. Ini adalah format gambar yang mendukung gambar animasi dan statis. Sebagian besar animasi yang Anda lihat di media sosial adalah gambar GIF. Tidak seperti JPEG dan PNG, jenis file gambar GIF hanya mendukung 256 warna sehingga tidak cocok untuk foto berwarna dan ilustrasi lainnya dengan gradien warna.

GIF menggunakan kompresi lossless untuk mengurangi ukuran file tanpa kehilangan kualitas visual. Selain itu, GIF mendukung label teks dan latar belakang transparan, yang membuat formatnya sempurna untuk animasi sederhana dan video beresolusi rendah.

Jadi, dari ketiganya, mana yang harus Anda gunakan? Itu semua tergantung kebutuhan Anda. PNG sangat cocok untuk logo, tangkapan layar, bagan, infografis, dan gambar merek berkualitas tinggi. JPEG sangat bagus untuk gambar kecil di situs web Anda, serta foto yang memiliki warna cerah. GIF luar biasa untuk animasi dan video sederhana.

Tetapi memilih jenis file gambar tidak cukup jika Anda akhirnya menggunakan gambar dengan sembarangan. Pada bagian berikut, kami menemukan beberapa praktik terbaik dan tips gambar WordPress.

Praktik Terbaik WordPress Image

Ikuti praktik terbaik dan kiat gambar berikut untuk memaksimalkan gambar Anda. Kami secara singkat membahas bidang-bidang seperti ukuran gambar, ukuran unggahan maks, SEO gambar, pengoptimalan, dan cara menggunakan Google Analytics untuk menginformasikan strategi gambar WordPress Anda.

Ukuran gambar

Kami telah menetapkan bahwa ukuran gambar yang Anda gunakan dapat memengaruhi kecepatan situs web Anda. Karena itu, Anda harus bertujuan menggunakan gambar cahaya. Pada saat yang sama, jangan mengorbankan kualitas visual saat mencoba membuat gambar yang terang, artinya Anda harus berhati-hati dengan kompresi.

Selain itu, jangan mengubah ukuran gambar menggunakan HTML atau CSS. Jika Anda membutuhkan gambar 300px x 300px, jangan gunakan gambar yang 400px x 400px. Selain itu, pilih hosting WordPress berkualitas tinggi, terapkan caching, dan CDN untuk meningkatkan kecepatan situs web Anda.

Ukuran Unggah Maks

Terkadang, Anda mungkin perlu menggunakan file gambar besar untuk satu alasan atau lainnya. Tetapi Anda mungkin mengalami masalah dalam mengunggah file Anda karena WordPress hadir dengan ukuran unggahan default 2MB. Namun, jangan khawatir, karena Anda dapat dengan cepat meningkatkan ukuran unggahan maks.

Ukuran Upload File CLoudways

Dalam banyak kasus penyedia hosting menawarkan pengaturan bawaan yang dapat Anda edit untuk meningkatkan sendiri ukuran unggahan file Anda. Misalnya, di Cloudways Anda hanya perlu masuk ke akun Anda, navigasikan ke Manajemen Server dan pilih bagian Pengaturan & Paket (seperti yang terlihat di atas). Dari sini Anda dapat secara manual meningkatkan batas ukuran unggahan file dengan mengedit ukuran MB yang diizinkan.

Tapi ini bisa dan memang berbeda di setiap host. GoDaddy menggunakan opsi di C-Panel, Media Temple Anda harus memodifikasi File php.ini, dan dengan WP Engine Anda perlu menghubungi tim dukungan mereka untuk meminta peningkatan.

SEO gambar

Selain menyampaikan pesan dan membuat situs Anda terlihat bagus, tahukah Anda bahwa Anda dapat menggunakan gambar untuk meningkatkan skor SEO Anda? Betul; Anda dapat menggunakan SEO gambar untuk mengarahkan lebih banyak lalu lintas ke situs web Anda. Bagaimana? Sebagai permulaan, beri nama gambar Anda dengan tepat. Misalnya, alih-alih “picture001.png,” gunakan “how-to-image-seo.png,” dan seterusnya. Selain itu, tambahkan teks alternatif ke semua gambar Anda setelah mengunggah. Berkat teks alt, mesin pencari, dan pembaca layar dapat "melihat" gambar Anda.

Plugin Pengoptimalan Gambar WordPress yang bermanfaat

WordPress adalah CMS yang cukup mudah digunakan berkat plugin. Meskipun bermanfaat untuk mengoptimalkan gambar Anda menggunakan perangkat lunak manipulasi gambar (mis., Photoshop) sebelum mengunggah, Anda dapat memanfaatkan pengaya untuk mengoptimalkan gambar Anda setelah mengunggah.

Plugin pengoptimalan gambar WordPress termasuk Smush, EWWW Pengoptimal Gambar, dan Bayangkan, diantara yang lain. Pilih plugin yang sempurna untuk kebutuhan Anda, karena masing-masing dilengkapi dengan serangkaian fitur unik.

Gunakan Google Analytics

Ketika semua dikatakan selesai, Anda ingin memberikan pengalaman pengguna terbaik yang Anda bisa. Untuk ini, Anda harus mengetahui pengunjung Anda dan perangkat yang mereka gunakan untuk mengakses situs web Anda. Dengan begitu, Anda dapat memilih format dan ukuran gambar yang sempurna. Misalnya, jika sebagian besar pengunjung Anda menggunakan browser Apple Safari, Anda harus memberikan dukungan tambahan untuk menggunakan file gambar WEBP di WordPress.


Memilih jenis file gambar yang sempurna untuk situs web WordPress Anda sangat penting sejauh kecepatan, UX, kinerja situs web, SEO, dan konsistensi..

Anda tidak dapat membiarkan area ini tidak dijaga karena Anda akan mendapat manfaat ketika Anda mengembangkan strategi gambar yang baik. Panduan gaya Anda harus memberikan arahan gambar kepada semua pengguna.

Terakhir, kompres dan optimalkan gambar Anda untuk mencapai keseimbangan sempurna antara kualitas dan kinerja.

Apakah Anda memiliki pertanyaan tentang jenis file gambar? Beri tahu kami di bagian komentar di bawah!

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