Cara Hosting Gambar Di Github Untuk Web & Blog

#teknologi ✍️ Posted by Fastman

Daftar Isi

Fastman Blog
Hosting gambar di github.

Banyak orang cari cara gampang dan gratis untuk menaruh gambar supaya bisa dipakai di blog, website, atau bahkan forum.
Salah satu trik yang sering dipakai adalah hosting gambar di GitHub.

Kenapa GitHub? Karena selain gratis, GitHub juga aman, bisa diakses kapan saja, dan link gambarnya bisa langsung dipakai di manapun.
Artikel ini akan membahas step-by-step mulai dari dasar sampai contoh penggunaan nyata.

Apa itu Hosting Gambar?

Sebelum masuk ke teknis, mari kita pahami dulu.
Hosting gambar artinya kita menyimpan file gambar di internet sehingga bisa diakses lewat link (URL).
Kalau biasanya kita pakai layanan seperti Imgur, TinyPic atau bahkan google drive, ternyata GitHub juga bisa dipakai untuk hosting gambar.

Bedanya, dengan GitHub:

  • File tersimpan di repository kamu.
  • Bisa dikelola rapi, ada riwayat perubahan.
  • Bisa dipakai jangka panjang tanpa takut link mati.

Kenapa Pakai GitHub untuk Hosting Gambar?

  1. Stabil – Server GitHub jarang sekali down.
  2. Mudah – Tinggal upload, dapat link, langsung pakai.
  3. Terintegrasi – Cocok buat blogger, developer, atau siapa saja yang ingin gambar tetap online.
  4. Bisa Private atau Public – Kamu bisa atur repo publik (untuk dibagikan) atau private (untuk arsip pribadi).

Langkah-Langkah Hosting Gambar di GitHub

1. Buat Akun GitHub

Kalau belum punya, daftar di github.com. Gratis, cepat, dan bisa langsung dipakai.

2. Buat Repository Baru

  • Klik tombol New Repository.
  • Kasih nama repo, misalnya image-hosting atau assets.
  • Pilih Public supaya gambar bisa diakses siapa saja.
  • Klik Create Repository.

3. Upload Gambar

Ada dua cara:

  • Via Web GitHub: klik Add file → Upload files, lalu pilih gambar.
  • Via Git (opsional): 
    git clone https://github.com/username/image-hosting.git
cd image-hosting
cp ~/Downloads/foto.jpg .
git add foto.jpg
git commit -m "Tambah foto"
git push origin main

Setelah gambar berhasil diupload, buka file gambar di repo GitHub.
Klik kanan pada gambar → Copy image address.

Link tersebut biasanya berbentuk seperti ini:

https://github.com/username/image-hosting/blob/main/foto.jpg

Link di atas belum bisa langsung dipakai untuk embedding.
Caranya: ganti domain github.com menjadi raw.githubusercontent.com, dan hilangkan bagian /blob/.

Contoh:

Dari:
https://github.com/fastman/image-hosting/blob/main/foto.jpg

Menjadi:
https://raw.githubusercontent.com/fastman/image-hosting/main/foto.jpg

Nah, link terakhir inilah yang bisa langsung dipakai untuk hosting gambar di GitHub.

Contoh Penggunaan Gambar dari GitHub

1. Di Blog Jekyll / Hugo (Markdown)

![Alt Text](https://raw.githubusercontent.com/fastman/image-hosting/main/foto.jpg)

2. Di HTML Website

<img src="https://raw.githubusercontent.com/fastman/image-hosting/main/foto.jpg" alt="Gambar dari GitHub" />

3. Di Forum / Editor Markdown

![Alt Text](https://raw.githubusercontent.com/fastman/image-hosting/main/foto.jpg)

Tips Penting

  • Gunakan nama file rapi → jangan IMG_123.jpg, tapi profil-saya.jpg.
  • Repo harus Public kalau mau link bisa diakses publik.
  • Buat folder agar rapi, mis.: /blog/, /portfolio/.
  • Jika gambar banyak, pertimbangkan repo khusus aset (assets / image-hosting).
  • Untuk kontrol versi, bisa upload via Git (opsional).

Penutup

Dengan cara ini, kamu bisa hosting gambar di GitHub tanpa bayar server tambahan.
Cocok untuk blogger, developer, atau siapa saja yang ingin gambar tetap online, mudah dipanggil, dan link-nya aman jangka panjang.

Saya sendiri pakai trik ini untuk blog dan project pribadi. Simpel, gratis, dan anti ribet.
Kalau kamu sering menulis atau bikin website, coba deh, siapa tahu ini jadi solusi hemat hosting buatmu.

Selamat mencoba ✨

Komentar