Cara Menambahkan Gambar JPG, GIF, atau PNG ke Situs Anda

Panduan Mudah untuk Menampilkan Gambar di Situs Web Anda

Sebagian besar gambar online dalam format seperti JPG , GIF , dan PNG . Anda dapat mengunggah foto seperti ini ke situs web Anda sendiri untuk dibagikan dengan orang lain atau untuk menjelaskan sesuatu lebih jauh, untuk memamerkan ide, atau untuk alasan lainnya.

Saat Anda menautkan gambar di situs web Anda, Anda bahkan tidak perlu menghosting gambar itu sendiri. Anda dapat mengunggah foto ke server web lain dan kemudian menautkannya ke situs web Anda sendiri.

Periksa Ukuran Gambar

Beberapa layanan hosting tidak mengizinkan file dengan ukuran tertentu. Pastikan bahwa apa yang akan Anda unggah ke situs web Anda berada di bawah ukuran maksimum yang diizinkan oleh layanan hosting web Anda. Ini benar tidak peduli apakah gambar dalam format PNG atau GIF, JPG, TIFF , dll.

Hal terakhir yang Anda inginkan adalah bekerja keras untuk membuat gambar yang sempurna hanya untuk membuatnya terlalu besar untuk diunggah. Untungnya, Anda dapat mengurangi ukuran foto Anda untuk membuatnya berfungsi.

Unggah Gambar Secara Online

Unggah gambar JPG atau GIF Anda ke situs Anda menggunakan program unggah file yang disediakan oleh layanan hosting web Anda. Jika mereka tidak menyediakannya, Anda memerlukan program FTP untuk mengunggah gambar Anda. Pilihan lain adalah untuk menghindari menggunakan server web Anda sendiri untuk meng-host gambar dan menggunakan layanan hosting gambar yang berbeda.

Jika Anda menambahkan gambar ke situs web yang Anda unduh atau yang Anda kemas dalam arsip seperti file ZIP , Anda kemungkinan besar harus mengekstrak gambar terlebih dahulu. Kebanyakan platform web hosting tidak mengizinkan upload gambar kecuali mereka dalam format gambar seperti JPG, GIF, PNG, dll. —tidak mengarsipkan jenis file seperti 7Z , RAR , dll.

Di sisi lain, jika gambar Anda sudah dihosting di tempat lain, seperti di situs web orang lain, Anda dapat menautkannya langsung dengan langkah berikutnya di bawah — Anda tidak perlu mengunduhnya dan kemudian mengunggahnya kembali ke server web Anda sendiri .

Temukan URL ke Gambar Anda

Di mana Anda mengunggah gambar JPG atau GIF? Apakah Anda menambahkannya ke root server web Anda atau ke folder lain seperti yang dibuat khusus untuk menyimpan gambar? Ini perlu diketahui sehingga Anda dapat mengidentifikasi lokasi permanennya, yang nantinya Anda perlukan untuk benar-benar menyajikan gambar tersebut kepada pengunjung Anda.

Berikut ini contoh tautan langsung ke file PNG, yang ini dihosting di sini di:

https: // www. /static/2.49.0/image/hp-howto.png

Misalnya, jika struktur folder server web Anda untuk gambar adalah \ images \ , dan foto yang Anda unggah disebut new.jpg , URL untuk foto itu adalah \ images \ new.jpg . Ini mirip dengan contoh kami di mana gambar disebut hp-howto.png dan foldernya disebut /static/2.49.0/image/ .

Jika gambar Anda di-hosting di tempat lain, cukup salin URL dengan mengklik kanan tautan dan memilih opsi salin. Atau, buka gambar di browser Anda dengan mengkliknya lalu salin lokasi ke gambar itu dari bilah navigasi di browser Anda.

Masukkan URL Ke Halaman

Setelah Anda memiliki URL untuk gambar yang ingin Anda tautkan ke situs web Anda, Anda harus memilih ke mana ia harus pergi. Cari bagian tertentu dari halaman di mana Anda ingin gambar JPG yang akan ditautkan.

Saat Anda menemukan tempat yang tepat untuk menautkan gambar, gunakan fungsi hyperlink server web Anda untuk menautkan URL Anda ke kata atau frasa dalam kalimat yang harus mengarahkan orang ke gambar. Ini mungkin disebut tautan sisip atau tambah hyperlink .

Ada banyak cara untuk menautkan ke gambar. Mungkin gambar new.jpg Anda adalah bunga dan Anda ingin pengunjung Anda dapat mengklik tautan untuk melihat bunganya.

• Lihatlah bunga baru ini tumbuh di halaman saya!
• Saya ingin menanam bunga ini tahun ini.
• Bungaku tumbuh subur. Lihatlah !

Jika Anda ingin menautkan ke gambar menggunakan kode HTML halaman, Anda juga dapat melakukannya.

Saya memiliki bunga yang sangat cantik tumbuh di kebun saya .

Cara lain untuk menautkan ke gambar di situs web Anda adalah dengan mempostingnya dengan kode HTML. Apa artinya ini adalah pengunjung Anda akan melihat gambar ketika mereka membuka halaman, sehingga tidak akan ada tautan seperti yang Anda lihat pada contoh di atas. Ini berfungsi untuk gambar di server Anda sendiri dan untuk gambar yang dihosting di tempat lain, tetapi Anda harus memiliki akses ke file HTML dari halaman web untuk melakukan hal ini.