Cara optimasi gambar untuk website

CARA OPTIMASI GAMBAR UNTUK WEBSITE

1. Pastikan gambarnya sesuai dengan format (JPG,PNG,GIF,JPEG, DLL)

=>     Ada sekelompok jenis file gambar yang berbeda yang mungkin biasa anda pakai dan gunakan. Namun, kadang kala ketika kita ingin mengetahui mana yang tepat untuk kita gunakan yang sesuai dengan pilihan mungkin tidak menjadi hal yang paling sederhana. File  JPG (atau JPEG), PNG, dan GIF file cenderung menjadi yang paling sering dipakai dan masing-masing memiliki kekuatan dan kelemahan.

2. Ukuran gambar sesuai dengan medianya

=>    Sebelum kita membuat  sesuatu gambar, Kita harus tau berapa ukuran gambar tersebut untuk sebuah media sebelum memposting sebuah gambar di media tersebut.

3. Warna gambar sebaiknya cerah

=>     Kenapa gambar ini sebaiknya cerah? Agar supaya orang tertarik utuk melihatnya dan jelas dan mudah dipahami untuk orang membacanya.

4. Nama gambar diberikan nama atau watermark ( merek,nomor hp,website,akun sosmed )

=>     Setelah kita membuat sebuah  gambar,  Jangan lupa mengasih watermark seperti, Merek, Nomor hp, Website, Akun sosmed, Nama dan juga untuk melindungi hak cipta atau copyright sebuah karya. Dengan adanya watermark, publik mengetahui bahwa karya tersebut benar-benar milikmu. Jadi, tidak ada orang lain yang berhak menyatakan bahwa karya tersebut adalah milik mereka

5. Ukuran file dikompres ( tinypng.com atau menggunakan plugin )

=>    Mengurangi ukuran file atau  dikompres, untuk mendeskripsikan proses dimana kita menjadikan beberapa file menjadi satu file, biasa menjadi format ZIP atau RAR agar menjadi lebih praktis dan bisa dibagikan ke orang lain dengan mudah

6. Gunakan alt teks dan caption gambar

=>    Alt text atau text alternatif adalah atribut yang ditambahkan ke tag gambar dalam HTML. Jika menampilkan sebuah gambar yang ada di sebuah website, terdapat penjelasan tersendiri di dalamnya. Penjelasan tersebut adalah alt text atau text alternatif. Hal ini ditujukan sebagai identitas atau judul dari gambar tersebut agar bisa dibedakan dengan gambar lainnya di dalam suatu konten. Bersumber dari Moz, alt text adalah atribut HTML yang menentukan teks alternatif yang akan ditampilkan untuk menjelaskan maksud dari suatu gambar yang ditampilkan, yang bertujuan untuk menampilkan suatu keterangan saat browser tidak dapat menampilkan suatu gambar. Maka yang ditampilkan hanyalah konten kosong/ blank dengan alt teks tersebut. Terdapat beberapa hal yang membuat keberadaan alt text pada suatu konten menjadi penting.