Markdown Resimleri

Resimler içeriğinizi daha ilgi çekici hale getirir ve noktalarınızı açıklamanıza yardımcı olur. Markdown resim eklemek için basit sözdizimi sağlar, ancak daha gelişmiş özellikler için bazen HTML'ye ihtiyacınız olabilir.

Temel Resim Sözdizimi

Markdown'da resimler için temel sözdizimi bağlantılara benzer, ancak başında ünlem işareti bulunur:

![Alt metni](image-url.jpg)
![Yerel resim](./images/photo.jpg)
![Harici resim](https://example.com/image.jpg)

Başlıklı Resimler

Kullanıcılar resmin üzerine geldiğinde görünen başlıklar ekleyebilirsiniz:

![Alt metni](image.jpg "Resim başlığı")

Alt Metin En İyi Uygulamaları

Alt metin erişilebilirlik ve SEO için çok önemlidir:

1. Açıklayıcı Olun

❌ Faydalı değil:

![Resim](photo.jpg)
![Fotoğraf](pic.png)

✅ Açıklayıcı:

![Bir kahvede dizüstü bilgisayarda kod yazan kadın](coding-coffee.jpg)
![2020'den 2024'e satış artışını gösteren çubuk grafik](sales-chart.png)

2. Kısa Tutun

❌ Çok uzun:

![Bu, büyük pencereler ve beyaz duvarlar olan modern bir ofis ortamında bilgisayar başında oturan bir kişiyi gösteren gerçekten uzun bir resim açıklamasıdır](office.jpg)

✅ Öz:

![Modern ofiste bilgisayarda çalışan kişi](office.jpg)

3. "Resim" veya "Fotoğraf" Eklemeyin

❌ Gereksiz:

![Parkta oynayan köpeğin resmi](dog.jpg)

✅ Doğrudan:

![Parkta oynayan köpek](dog.jpg)

Referans Stilindeki Resimler

Bağlantılar gibi, resimler için de referans stilindeki sözdizimi kullanabilirsiniz:

![Alt metni][resim-referansı]  

[resim-referansı]: image.jpg "İsteğe bağlı başlık"

Örnek

İşte logomuz: ![Şirket Logosu][logo]

Ve işte bir ekran görüntüsü: ![Uygulama Ekran Görüntüsü][screenshot]

[logo]: /images/logo.png "Şirketim Logosu"
[screenshot]: /images/app.png "Uygulama Kontrol Paneli Ekran Görüntüsü"

Resim Yolları ve URL'leri

Yerel Resimler

![Yerel resim](./images/photo.jpg)
![Göreceli yol](../assets/icon.png)
![Mutlak yol](/public/images/banner.jpg)

Harici Resimler

![Harici resim](https://example.com/image.jpg)
![Unsplash fotoğrafı](https://images.unsplash.com/photo-123/photo.jpg)

Yaygın Kalıplar

Açıklamalı Resim

![Konferans salonunda ekip toplantısı](meeting.jpg)
*Şekil 1: Proje kilometre taşlarını tartışan haftalık ekip toplantısı*

Önce/Sonra Resimleri

## Önce
![Eski web sitesi tasarımı](old-design.png)

## Sonra
![Yeni web sitesi tasarımı](new-design.png)

Adım Adım Talimatlar

1. Ayarlar simgesine tıklayın
![Sağ üst köşedeki ayarlar simgesi](settings-icon.png)

2. "Hesap Ayarları"nı seçin
![Hesap ayarları menü seçeneği](account-menu.png)

3. Profil bilgilerinizi güncelleyin
![Düzenlenebilir alanları olan profil formu](profile-form.png)

Resim Galerisi

## Proje Ekran Görüntüleri

![Ana sayfa](homepage.png) ![Kontrol paneli](dashboard.png) ![Ayarlar](settings.png)

Resim Sorun Giderme

Yaygın Sorunlar

  1. Resim görünmüyor: Dosya yolunu ve dosya adını kontrol edin
  2. Kırık resim simgesi: Resim URL'sinin erişilebilir olduğunu doğrulayın
  3. Resim çok büyük: Resmi yeniden boyutlandırın veya sıkıştırın
  4. Yanlış format: Tarayıcının resim formatını desteklediğinden emin olun

Resimleri Test Etme

  • Markdown düzenleyicinizde önizleme yapın
  • Farklı tarayıcılarda kontrol edin
  • Mobil cihazlarda doğrulayın
  • Yavaş internet bağlantılarıyla test edin

Gelişmiş Teknikler

Resim Bağlantıları

Resimleri bağlantılarla birleştirin:

[![Büyük görüntülemek için tıklayın](thumbnail.jpg)](full-size.jpg)

Resimler Markdown belgelerinizi geliştirmenin güçlü bir yoludur. İçeriğinizi desteklemek ve kullanıcı deneyimini iyileştirmek için bunları düşünceli bir şekilde kullanın!

İçeriğinizdeki metni vurgulamanız mı gerekiyor? Üstü çizili biçimlendirme hakkında öğrenin.