Bagaimana Cara Menambahkan Gambar & Video di Website?
Bagaimana Cara Menambahkan Gambar & Video di Website?-Di era digital, tampilan website menjadi faktor penting untuk menarik perhatian pengunjung. Website yang hanya berisi teks tanpa visual sering kali terlihat membosankan. Sebaliknya, jika sebuah website dilengkapi gambar dan video, maka pengunjung akan lebih betah membaca dan memahami pesan yang ingin disampaikan.
Namun, banyak pemula yang bertanya: Bagaimana cara menambahkan gambar & video di website? Pertanyaan ini sering muncul dari siswa SMK atau mahasiswa yang sedang PKL di bidang digital marketing maupun web development. Menambahkan elemen visual sebenarnya tidak sulit, asal tahu langkahnya.
Artikel ini akan membahas secara lengkap cara menambahkan gambar dan video ke website, tips agar tampilannya menarik, serta manfaatnya bagi dunia digital marketing.
Contents
Mengapa Gambar dan Video Penting di Website?
Sebelum masuk ke teknis bagaimana cara menambahkan gambar & video di website, mari pahami dulu mengapa visual itu penting:
- Meningkatkan daya tarik – Gambar dan video membuat website lebih hidup dan tidak membosankan.
- Membantu menjelaskan informasi – Visual bisa menjadi ilustrasi dari pesan yang disampaikan lewat teks.
- Meningkatkan kepercayaan – Foto produk asli, video testimoni, atau dokumentasi kegiatan bisa menambah keyakinan pengunjung.
- Meningkatkan SEO – Google menyukai konten yang relevan dan kaya media, sehingga website bisa lebih mudah muncul di hasil pencarian.
Dengan kata lain, gambar dan video bukan hanya pemanis, tapi juga strategi penting untuk meningkatkan kualitas website.
Bagaimana Cara Menambahkan Gambar & Video di Website?
Sekarang mari kita bahas inti pertanyaan: bagaimana cara menambahkan gambar & video di website?
1. Menambahkan Gambar dengan HTML
Jika kamu membuat website dari nol dengan HTML, kode sederhana berikut bisa digunakan:
<img src=”gambar.jpg” alt=”Deskripsi Gambar” width=”500″>
- src → alamat file gambar. Bisa dari folder lokal atau URL.
- alt → teks alternatif jika gambar gagal dimuat (juga bagus untuk SEO).
- width → ukuran gambar sesuai kebutuhan.
2. Menambahkan Video dengan HTML
Untuk video, ada dua cara:
a. Upload Video ke Server
<video width=”600″ controls>
<source src=”video.mp4″ type=”video/mp4″>
Browser Anda tidak mendukung video.
</video>
b. Embed Video dari YouTube
Cara ini lebih ringan karena tidak membebani server:
<iframe width=”560″ height=”315″
src=”https://www.youtube.com/embed/ID_VIDEO”
frameborder=”0″ allowfullscreen></iframe>
3. Menambahkan Gambar & Video di WordPress
Bagi yang memakai CMS seperti WordPress, langkahnya lebih mudah:
- Klik tombol Add Media untuk gambar.
- Untuk video, cukup paste link YouTube ke editor, maka otomatis muncul preview.
4. Menambahkan Gambar & Video di Website Builder (Wix, Squarespace, atau Carrd)
- Pilih blok atau widget Image/Video.
- Upload file atau masukkan link video.
- Atur ukuran, posisi, dan desain sesuai keinginan.
5. Optimasi Gambar dan Video
Menambahkan gambar & video saja belum cukup. Agar website tetap cepat dan ringan, lakukan optimasi:
- Kompres ukuran file gambar (gunakan TinyPNG atau Squoosh).
- Gunakan format gambar modern seperti WebP.
- Untuk video, lebih baik gunakan link embed dari YouTube atau Vimeo.
- Tambahkan caption agar pengunjung lebih mudah memahami.
Tips Menarik dalam Menambahkan Gambar & Video
Selain tahu bagaimana cara menambahkan gambar & video di website, penting juga memperhatikan estetika dan kenyamanan pengunjung. Berikut tipsnya:
- Gunakan gambar berkualitas tinggi. Jangan sampai gambar buram karena akan membuat website terlihat kurang profesional.
- Konsisten dengan branding. Pilih gaya visual yang sesuai dengan identitas website.
- Hindari terlalu banyak gambar besar. Ini bisa membuat loading website lambat.
- Gunakan video singkat. Pengunjung lebih suka video padat yang langsung ke inti pesan.
- Tambahkan teks pendukung. Jangan biarkan gambar/video berdiri sendiri tanpa penjelasan.
Manfaat Belajar Menambahkan Gambar & Video Saat PKL
Bagi siswa SMK atau mahasiswa, memahami bagaimana cara menambahkan gambar & video di website sangat bermanfaat, terutama saat PKL di perusahaan digital. Manfaatnya antara lain:
- Menguasai keterampilan dasar web development.
- Memahami strategi digital marketing. Visual yang menarik bisa meningkatkan engagement.
- Menambah portofolio. Hasil karya berupa website dengan gambar & video bisa jadi nilai tambah.
- Menjadi bekal dunia kerja. Banyak perusahaan mencari orang yang bisa membuat website menarik.
PKL di Kombas: Belajar Langsung dari Ahlinya
Di PT Kombas Digital Internasional, siswa PKL tidak hanya diajari teori, tapi juga langsung praktik. Salah satu materi yang dipelajari adalah cara menambahkan gambar & video di website dengan berbagai platform.
Peserta PKL akan belajar:
- Cara menambahkan gambar & video dengan HTML.
- Menggunakan WordPress untuk membuat website profesional.
- Optimasi media agar website tetap cepat.
- Strategi visual marketing untuk meningkatkan engagement.
Dengan pembelajaran langsung dari praktisi, siswa tidak hanya tahu teori, tapi juga siap menghadapi dunia kerja digital.
Keterampilan ini sangat penting untuk dikuasai oleh generasi muda, terutama bagi siswa yang sedang PKL. Dengan belajar di Kombas, kamu bisa menguasai teknik ini secara langsung lewat praktik nyata.
📞 Hubungi WhatsApp: 0811-2829-002
📷 Ikuti Instagram: @akademikombas
Yuk, ikut PKL di Kombas dan pelajari lebih dalam bagaimana cara menambahkan gambar & video di website dengan mudah dan profesional! 🚀
