|
[[Dosya:Murat şatvan|küçükresim]]
Bu sayfa Viki dilini kullanarak sayfalara kolayca nasıl resim ekleyebileceğinizi anlatmaktadır.
[url=https://www.hizliresim.com/mi9c152][img]https://i.hizliresim.com/mi9c152.jpg[/img][/url]
Vikipedi'ye resim yüklemek için "Nasıl [[Yardım:Resim yükleme|resim yüklenir?]]" sayfasına bakabilirsiniz. Yüklediğiniz resmin telif haklarını ihlal etmediğinden emin olunuz. Çoğu İnternet sayfasında bulunan resimlerin telif hakkı olduğunu ve Vikipedi'ye YÜKLENMEMESİ gerektiğini unutmayınız.
Bu yardım sayfasında kullanılan örneklerde "Dosya:Vosvos.jpg" örnek resim olarak kullanılmıştır. Örnekleri gösterebilmek için kullanılan metin [[Lorem Ipsum]] diye bilinen grafikte sayfanın nasıl durduğunu göstermek için yaygın kullanılan bir metindir ve <span style="color:#996633">değişik renkte</span> gösterilmiştir. Resmin metinde konduğu yeri göstermek için "'''*'''" işareti kullanılmıştır.
{| border=0 align=right cellpadding=4 cellspacing=0 width=300 style="margin: 0 0 1em 1em; background: #f3f3ff; border: 2px solid #ddddff;" bgcolor="#f3f3ff" border-collapse: collapse; font-size: 95%;"
| align="center" colspan=3 bgcolor="#ddddff" style="border-bottom:1px solid gray; font-size:125%;" | '''Resim el notu'''
|-
| bgcolor=#F5F8F8 align="center" colspan="3" | <nowiki>[[</nowiki><span style="color:#00cc00">Dosya:xxx.jpg</span>'''|'''<span style="color:#cc0000">seçenekler</span>'''|'''<span style="color:#0000cc">Resim açıklama</span><nowiki>]]</nowiki>
|-
| bgcolor=#FFE2E2 align="center" colspan="3" | <span style="color:#cc0000">Seçenekler</span> (İngilizcesi kullanılmalıdır)
|-
| align="center" bgcolor=#FFFFEC | '''Türkçe'''
| align="center" bgcolor=#f3fff3 | '''İngilizcesi'''
| align="center" bgcolor=#FFF5FF | '''İşlevi'''
|-
| align="center" bgcolor=#FFFFEC | minyatür
| align="center" bgcolor=#f3fff3 | thumb
| align="center" bgcolor=#FFF5FF | Resmi küçültür
|-
| align="center" bgcolor=#FFFFEC | sol
| align="center" bgcolor=#f3fff3 | left
| align="center" bgcolor=#FFF5FF | Resmi sola koyar
|-
| align="center" bgcolor=#FFFFEC | sağ
| align="center" bgcolor=#f3fff3 | right
| align="center" bgcolor=#FFF5FF | Resmi sağa koyar
|-
| align="center" bgcolor=#FFFFEC | hiçbiri
| align="center" bgcolor=#f3fff3 | none
| align="center" bgcolor=#FFF5FF | Yazı akmaz
|-
| align="center" bgcolor=#FFFFEC | çerçeve
| align="center" bgcolor=#f3fff3 | frame
| align="center" bgcolor=#FFF5FF | Resmi çerçeveler
|-
| align="center" bgcolor=#FFFFEC | 100px
| align="center" bgcolor=#f3fff3 | 100px
| align="center" bgcolor=#FFF5FF | Resmin büyüklüğü
|}
==Yalın resim==
Hiçbir düzenleme yapmadan resmi sayfaya koymak için şunu yazmak yeterlidir:
'''<nowiki>[[Dosya:Vosvos.jpg]]</nowiki>'''
*Resmin boyutu özgün yüklendiği boyutu ile aynı.
*Sayfa içerisindeki yeri durağan değil.
*Yazıyı konduğu yerden ikiye ayırır.
*Yazı etrafından akmaz.
Örnek:
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. *</span>
[[Dosya:Vosvos.jpg]]
<span style="color:#996633">* Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
==Resmin sayfadaki yerini belirtme==
Eğer yazının resmin yanında akmasını istersek ya da resmin sağda, solda ortada olmasını o zaman yapılacak şey:
===Örnek 1 - Sağa dayalı resim, akan yazı===
'''<nowiki>[[Dosya:Vosvos.jpg|right]]</nowiki>'''
<span style="color:#996633">Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *</span>
[[Dosya:Vosvos.jpg|right]]
<span style="color:#996633">* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
<span style="color:#996633">Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.</span>
<span style="color:#996633">Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.</span>
<br style="clear:both;">
'''Not: "right" İngilizce'de "sağ" demek.'''
===Örnek 2 - Sağa dayalı resim, akan yazı, resim alt yazısı===
Genellikle paragrafın başına konur böylece yazı resmin solundan akar. Çoğu makale böyle başlamaktadır.
'''<nowiki>[[Dosya:Vosvos.jpg|frame|sağ|Resim alt yazısı]]</nowiki>'''
<span style="color:#996633">*</span>
[[Dosya:Vosvos.jpg|frame|sağ|Resim alt yazısı]]
<span style="color:#996633">* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
<span style="color:#996633">Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
<br style="clear:both;">
===Örnek 3 - Sola dayalı resim, akan yazı===
'''<nowiki>[[Dosya:Vosvos.jpg|left]]</nowiki>'''
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. *</span>
[[Dosya:Vosvos.jpg|left]]
<span style="color:#996633">* Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti.
Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.
Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
<span style="color:#996633">Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus.</span>
<br style="clear:both;">
'''Not: "left" İngilizce'de "sol" demek.'''
===Örnek 4 - Yazı akmasın===
'''<nowiki>[[Dosya:Vosvos.jpg|none]]</nowiki>'''
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. *</span>
[[Dosya:Vosvos.jpg|none|]]
<span style="color:#996633">* Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
==Çerçeveleme, alt yazı ekleme==
Resmi açıklayan bir yazısı olması genelde iyidir. Bunu yapmak için çerçeveye (İn: frame) ihtiyaç vardır.
'''<nowiki>[[Dosya:Vosvos.jpg|frame|Bu resim Özgür tarafından ulusal bir parkta çekildi]]</nowiki>'''
'''Ama''': Eğer hem alt yazı koymak istiyor hem de resmin boyutunu değiştirmek istiyorsanız minyatür (İn: thumbnail) komutunu kullanınız. (Aşağıdaki '''''Aynı anda birkaç özelliği kullanmak''''' bölümündeki örneğe bakınız.)
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla risus massa, luctus sed, sagittis ac, dapibus eu, pede. Suspendisse convallis ligula ac lorem. Quisque luctus. Mauris ut purus a libero semper sollicitudin. Integer dapibus, velit sit amet rhoncus aliquam, pede ligula cursus ante, nec elementum erat dui et mauris. Nulla quam dolor, nonummy vel, varius fermentum, suscipit ut, sapien. Pellentesque suscipit felis ac nibh. Nunc luctus hendrerit eros. Phasellus lacus. Donec non leo in sem consequat pulvinar. Curabitur ut magna vitae lectus tristique ultrices. Phasellus venenatis neque vulputate leo. Mauris quis eros.</span>
[[Dosya:Vosvos.jpg|frame|Bu resim Özgür tarafından ulusal bir parkta çekildi]]
<span style="color:#996633">Vestibulum nonummy. Nulla facilisis sapien dignissim risus. Quisque arcu urna, aliquam ac, facilisis ac, egestas non, est. Quisque neque. Donec et mi. Phasellus consequat. Integer pellentesque consectetuer lectus. Etiam malesuada eros id nibh. Fusce in tellus vitae mi auctor tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae metus.</span>
<span style="color:#996633">Etiam varius tempus odio. Cras bibendum arcu nec dolor. Donec consectetuer. Cras nonummy orci eget felis. Nullam sagittis venenatis libero. Duis neque purus, suscipit volutpat, molestie ut, venenatis ut, mi. Morbi nec eros. Praesent sollicitudin, nisl eget vehicula varius, tortor magna eleifend massa, ac iaculis turpis lacus quis nisl. Cras ut diam. Nullam erat ante, dignissim ac, posuere nec, commodo nec, nisl. Aenean adipiscing sodales augue. Donec rutrum. Ut nisl. Duis nisl. Ut elit. Vivamus suscipit rutrum tortor. Sed id pede. Praesent eros nulla, tempor vel, faucibus sed, mattis at, lectus. Sed euismod. Curabitur et leo vitae purus accumsan posuere.<span>
<span style="color:#996633">Donec tempor nulla in turpis. Nam rutrum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel turpis vel risus fermentum posuere. In porta augue quis dui. Integer risus justo, venenatis ut, dapibus in, tempor sed, risus. In tincidunt rhoncus urna. Mauris placerat, tortor et malesuada congue, velit urna elementum urna, vel ornare est tellus vel nunc. Ut et risus. Integer in lorem. Ut in lectus ac arcu pretium rutrum. Phasellus imperdiet pede ut arcu. Sed ac massa. Donec id leo. Etiam ante odio, nonummy ac, elementum sit amet, suscipit eget, dolor. Nam id felis in quam ullamcorper sodales.</span>
<br style="clear:both;">
== Minyatür resim ==
Mesela resim çok büyük, biri sayfaya baktığında resmi küçük (minyatür) olarak görmesini istiyoruz. Minyatür (İn: thumbnail) resimler her zaman çerçevelidir. Yani minyatür özelliğini kullandığınızda bir alt yazı yazmanız iyi olacaktır.
Minyatür özelliği resmin etrafına gri bir çerçeve koyar ve altında alt yazı girecek boşluk bırakır.
Minyatür özelliği resmi otomatik olarak küçültür ve sayfaya koyar. Okuyucu resme tıkladığında büyük halini görebilecektir. Değişik kullanıcıların değişik ekran çözünürlükleri olduğu için tercih edilen minyatür resim büyüklüğü [[special:preferences|tercihler]] kısmında, Dosyalar başlığı altında, küçük boyut ayarı ile değiştirilebilir. İlk hali 180 [[piksel]] (px) olarak seçilidir. Ama 120px, 150px, 180px, 200px, 250px ve 300px büyüklüklerinden birini seçebilirsiniz. Eğer bir resmin orijinal boyutu seçtiğiniz minyatür boyutundan küçük olursa, o zaman resim %100 büyüklükte gösterilecektir. Genel olarak minyatür özelliğini kullanmak en iyi yoldur.
'''<nowiki>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa]]</nowiki>'''
[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla risus massa, luctus sed, sagittis ac, dapibus eu, pede. Suspendisse convallis ligula ac lorem. Quisque luctus. Mauris ut purus a libero semper sollicitudin. Integer dapibus, velit sit amet rhoncus aliquam, pede ligula cursus ante, nec elementum erat dui et mauris. Nulla quam dolor, nonummy vel, varius fermentum, suscipit ut, sapien. Pellentesque suscipit felis ac nibh. Nunc luctus hendrerit eros. Phasellus lacus. Donec non leo in sem consequat pulvinar. Curabitur ut magna vitae lectus tristique ultrices. Phasellus venenatis neque vulputate leo. Mauris quis eros.</span>
<span style="color:#996633">Vestibulum nonummy. Nulla facilisis sapien dignissim risus. Quisque arcu urna, aliquam ac, facilisis ac, egestas non, est. Quisque neque. Donec et mi. Phasellus consequat. Integer pellentesque consectetuer lectus. Etiam malesuada eros id nibh. Fusce in tellus vitae mi auctor tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae metus.</span>
<br style="clear:both;">
==Resim büyüklüğü ile oynama==
Resmi belli bir boyuta çekmek gerektiğinde:
(Hatırlatma - Çerçeve kullanımı resmi orijinal büyüklüğüne geri getirir ve girilecek piksel bilgisini umursamaz.) Örnek, 100 [[piksel]] genişliğinde olsun istedik:
'''<nowiki>[[Dosya:Vosvos.jpg|100px]]</nowiki>'''
[[Dosya:Vosvos.jpg|100px]]
Kullanıcı fare imlecini resmin üstüne getirdiğinde resim ile ilgili bir bilgi gelmez. Ama resim ile ilgili bilgi gelmesini istersek o zaman:
'''<nowiki>[[Dosya:Vosvos.jpg|100px|Bu bir kaplumbağadır]]</nowiki>'''
[[Dosya:Vosvos.jpg|100px|Bu bir kaplumbağadır]]
Mesela 500 piksel genişliğinde istedik:
'''<nowiki>[[Dosya:Vosvos.jpg|500px|Bu bir kaplumbağadır]]</nowiki>'''
[[Dosya:Vosvos.jpg|500px|Bu bir kaplumbağadır]]
Makalelere büyük boyutlu resimler koymak pek tercih edilmemektedir. Çoğu resim 100 ile 400 piksel genişliğindedir. Genelde resimler bu boyut aralığından daha büyük olmamalıdır.
Ayrıca dikkat ederseniz resim biraz bozuldu. Bunun sebebi istenilen 500 piksel genişliğin resmin orijinal boyutundan büyük olmasıdır. Bu durumda resim istenilen boyuta gelsin diye gerilmektedir. Bunu makalelerde yapmayın.
==Aynı anda birkaç seçeneği kullanmak==
Şimdiye kadar her şey kolaydı. Ama yukarıdaki özellikleri birleştirip daha iyi sonuçlar elde edebilirsiniz. Mesela resmimiz sağda olsun, yanından yazı aksın, minyatür olsun, 100 piksel büyüklüğünde olsun ve alt yazısı olsun. Yukarıdaki tüm özellikleri birleştireceğiz. Sırası önemli değil. Sadece '''resim ismi başta olmalı, alt yazı sonda.''' :
'''<nowiki>[[Dosya:Vosvos.jpg|küçükresim|100px|sağ|Kaplumbağa]]</nowiki>'''
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis dapibus dictum purus. Cras nibh. Vivamus ante nunc, ultricies ut, fermentum at, luctus ac, felis. Suspendisse ac diam. Suspendisse lacinia congue mauris.</span>
[[Dosya:Vosvos.jpg|küçükresim|100px|sağ|Kaplumbağa]]
<span style="color:#996633">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Donec varius egestas tortor. Curabitur augue leo, ullamcorper ac, tempus sed, gravida quis, felis.
Curabitur pretium malesuada dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur et urna. Cras lacus. Donec risus. Proin ornare eros ac nibh.
In venenatis erat sit amet mauris. Morbi sem felis, tempus eget, aliquam id, imperdiet id, elit. Vestibulum turpis. Etiam ornare, nisl ac varius fermentum, tortor elit laoreet tellus, ut interdum massa eros eget urna. Nunc congue nisl quis orci. Nunc nibh. Integer iaculis, ante sed fringilla tempus, enim augue gravida nibh, vehicula congue arcu tortor ac ligula. In eget libero vel magna varius viverra. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse elementum.<span>
<span style="color:#996633">Mauris arcu magna, ultrices a, tristique facilisis, facilisis id, massa. Quisque in arcu. Praesent auctor mauris sit amet leo. Proin facilisis viverra tellus. Morbi at purus. Nam dictum. Donec ac neque. Integer sapien wisi, lacinia nec, tincidunt in, lacinia sit amet, ante. Quisque in urna. Donec rutrum.</span>
<br style="clear:both;">
==Resimlerin "yığılmasını" engellemek==
Çoğu kullanıcı resimlerin bir yanda yığıldığına tanık olmuştur. Bu problemi çözmenin en iyi yolu sayfaya daha çok yazı eklemektir aslında. Ama bu her zaman mümkün olmadığından bu bölümde bazı çözüm önerileri verilmiştir.
[[Dosya:Vosvos.jpg|küçükresim|300px|sağ|Kaplumbağa]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
[[Dosya:Earth flag PD.jpg|sağ|küçükresim|200px|Hayali Dünya bayrağı]]
<br style="clear:both;">
=== İlgili resimleri gruplamak===
Birbiri ile ilişkili iki resim olması durumu ile çok karşılaşılabilir. Mantıklı olan bu tür resimlerin gruplanmasıdır. Bunu yapmak için şu HTML komutları kullanılabilir.
<pre>
<div style="float:right;width:315px;">
[[Dosya:Vosvos.jpg|none|küçükresim|300px|Kaplumbağa]]
[[Dosya:Earth flag PD.jpg|none|küçükresim|200px|Hayali Dünya bayrağı]]
</div>
</pre>
<div style="float:right;width:315px;">
[[Dosya:Vosvos.jpg|sağ|küçükresim|300px|Kaplumbağa]]
<br style="clear:all;">
[[Dosya:Earth flag PD.jpg|sağ|küçükresim|200px|Hayali Dünya bayrağı]]
</div>
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tellus neque, bibendum ac, accumsan eget, vestibulum a, nibh. Sed viverra urna non massa. Etiam vehicula ligula vitae nibh. Phasellus tempus auctor wisi. In consequat. Cras vel neque. Donec leo dolor, lobortis luctus, volutpat vitae, vestibulum in, eros. Maecenas porttitor, erat ullamcorper tempus faucibus, odio arcu venenatis nisl, ut cursus odio felis sed urna. Nullam ut elit vel est eleifend egestas. Ut dictum orci eu mi. Cras ultricies. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</span>
<span style="color:#996633">Nam turpis. Nunc in enim non turpis facilisis commodo. Suspendisse potenti. Maecenas elementum auctor odio. Vivamus vitae ante. Phasellus quis tortor et quam auctor convallis. Proin elit velit, nonummy a, semper hendrerit, dignissim quis, erat. Maecenas eleifend enim eu tortor. Curabitur non odio. Maecenas neque erat, venenatis sed, sollicitudin ut, iaculis non, mi. Praesent tempor, risus eget pellentesque tincidunt, dolor nibh imperdiet nulla, nec mattis leo ligula vel pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</span>
<span style="color:#996633">Integer nec libero. Nulla facilisi. Vivamus quis purus. Ut sem justo, lobortis at, luctus nec, aliquam nec, orci. Aenean nonummy. In metus. Sed malesuada vestibulum purus. Phasellus at odio. Integer in massa vitae quam euismod viverra. Integer nulla orci, ornare non, consequat non, mollis ornare, nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam id sapien ut sapien fermentum pretium. Cras mattis. Nam rhoncus. Maecenas dolor neque, tempor vel, iaculis nec, posuere vel, leo. Sed quis dolor. Vivamus mattis tellus elementum magna semper ullamcorper.</span>
<br style="clear:both;">
Bazen yatay sıralamak daha iyi gözükebilir:
{|
|-
| [[Dosya:Vosvos.jpg|none|küçükresim|300px|Kaplumbağa]] ||[[Dosya:Vosvos.jpg|none|küçükresim|300px|Kaplumbağa]]
|}
Ama bu şekilde resim konurken biraz tutumlu olunması iyi olur. Çünkü tarayıcı penceresi dar olan kullanıcılarda sayfa dışa taşabilir.
Bu tablo oluşturularak yapılmıştır:
<pre>
{|
|-
| [[Dosya:Vosvos.jpg|none|küçükresim|300px|Kaplumbağa]]
| [[Dosya:Vosvos.jpg|none|küçükresim|300px|Kaplumbağa]]
|}
</pre>
Çok geniş olmasını engellemek için alternatif olarak ikisi de sola dayanabilir. Bu durumda eğer genişlik yeterli olursa kendileri yan yana dizilecektir. Ama dar olursa alt alta (Tarayıcı pencerenizi genişliğini azaltıp artırarak bu etkiyi görebilirsiniz):
[[Dosya:Vosvos.jpg|sol|küçükresim|300px|Kaplumbağa]]
[[Dosya:Vosvos.jpg|sol|küçükresim|300px|Kaplumbağa]]
<br style="clear:both;">
<pre>
[[Dosya:Vosvos.jpg|sol|küçükresim|300px|Kaplumbağa]]
[[Dosya:Vosvos.jpg|sol|küçükresim|300px|Kaplumbağa]]
<br style="clear:both;">
</pre>
Resimden sonra gelecek yazının resim içine girmesini engellemek için şu satırı eklemek gereklidir.:
<pre><br style="clear:both;"></pre>
===Sola ve sağa koymak===
Bazen resimleri sağa ve sola koymak uygun gelebilir. Yazı aralarından akar ve resimleri birbirlerine girmez.
[[Dosya:Vosvos.jpg|küçükresim|150px|sağ|Kaplumbağa]]
[[Dosya:Earth flag PD.jpg|sol|küçükresim|150px|Hayali Dünya bayrağı]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
<span style="color:#996633">Sed mi eros, lacinia mattis, gravida vel, placerat posuere, lacus. Duis accumsan tincidunt sapien. Morbi sed velit. Etiam quis orci. Donec at velit sed lorem elementum feugiat. Curabitur ut ligula. Quisque in eros. Morbi sed enim id sapien tristique fringilla. Nunc ligula augue, pellentesque ac, nonummy id, semper eget, ante.</span>
<br style="clear:both;">
===Resim ardından boş satır bırakmak===
Son yöntem olarak resmin ardında boşluk vererek sonra gelecek olan yazı ve resimleri bu boşluğun altına itmektir. Bu sayfada hoş olmayan boşluklar ortaya çıkarabilir. Unutmayın. Kullanıcıların ekran büyüklükleri, çözünürlükleri, tarayıcıları farklı olabilir. Sayfayı sadece size güzel gözüksün diye tasarlamayın. Zorunlu hareketleri gerçekten gerekli ise yapın. Mümkün olduğu yerlerde yukarıda anlatılan basit resim koyma tekniklerini uygulayın.
<pre> <br style="clear:both;"></pre>
[[Dosya:Vosvos.jpg|küçükresim|300px|sağ|Kaplumbağa]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
<br style="clear:both;">
[[Dosya:Earth flag PD.jpg|sağ|küçükresim|200px|Hayali Dünya bayrağı]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
<br style="clear:both;">
=== Resim sergileme ===
====Wiki dili ve CSS====
Eğer bir dizi resmi sergilemek isterseniz, Wiki dilini ve CSS'i kullanarak kolayca yapabilirsiniz. Bunun için tüm resimleri sola dayayıp en sona da satır başı yapılmasını satırınız yazmanız yeterli. Bu sayede resimler yan yana dizilir ve sığmayanlar alt satırdan devam eder. Resimlerden sonra gelecek metin de resimlerin altından başlar.
<pre>
<nowiki>
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 1]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 2]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 3]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 4]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 5]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 6]]
<br style="clear: left"/>
</nowiki>
</pre>
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 1]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 2]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 3]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 4]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 5]]
[[Dosya:Vosvos.jpg|128px|küçükresim|sol|Kaplumbağa 6]]
<br style="clear:left;">
====MediaWiki <gallery> özelliği====
MediaWiki yazılımı ''<nowiki><gallery></nowiki>'' etiketi ile sayfalarda kolayca resim sergisi yapabilme olanağı sunmaktadır:
<pre>
<nowiki>
<gallery>
Dosya:Vosvos.jpg|Kaplumbağa
Dosya:Vosvos.jpg|Kaplumbağa yürürken
Dosya:Vosvos.jpg|Kaplumbağa koşarken
Dosya:Vosvos.jpg|Kaplumbağa uyurken
Dosya:Vosvos.jpg|Leonardo
Dosya:Vosvos.jpg|Donatello
Dosya:Vosvos.jpg|Michaelangelo
Dosya:Vosvos.jpg|Raphael
</gallery>
</nowiki>
</pre>
''Artıları:'' Kolay kullanım. Resimler arası boşluk az.
''Eksileri:'' Sayfanın büyüklüğüne göre resimler satır arası kaymıyorlar. Resmin büyüklüğü değiştirilemiyor.
<gallery>
Dosya:Vosvos.jpg|Kaplumbağa
Dosya:Vosvos.jpg|Kaplumbağa yürürken
Dosya:Vosvos.jpg|Kaplumbağa koşarken
Dosya:Vosvos.jpg|Kaplumbağa uyurken
Dosya:Vosvos.jpg|Leonardo
Dosya:Vosvos.jpg|Donatello
Dosya:Vosvos.jpg|Michaelangelo
Dosya:Vosvos.jpg|Raphael
</gallery>
==Resimleri göstermeden bağlantı verme==
Resmi göstermeden bağlantı vermek isterseniz, iki yol var.
:'''<nowiki>[[Media:Vosvos.jpg]]</nowiki>'''
[[Dosya:Vosvos.jpg]]
"Resim" yerine "media" kullanıldığı fark etmişsinizdir. Kullanıcı bağlantıya tıkladığında doğrudan resme yönelecektir. Açıklama da ekleyebilirsiniz.
'''<nowiki>[[Media:Vosvos.jpg|İşte kaplumbağa]]</nowiki>'''
[[Dosya:Vosvos.jpg|İşte kaplumbağa]]
Kullanıcıyı doğrudan resmin kendisi yerine resmin sayfasına (Resmi kim yükledi, telif hakkı durumu nedir açıklamalarının yapıldığı sayfa) yönlendirebilirsiniz. Bunu için:
'''<nowiki>[[:Resim:Vosvos.jpg]]</nowiki>'''
[[:Dosya:Vosvos.jpg]]
Dikkat ettiyseniz sayfaya resim koymaya göre tek farkı öne konulan "iki nokta üst üste" yani "''':'''".
Yukarıdaki gibi burada da açıklama yazabilirsiniz.
'''<nowiki>[[:Resim:Vosvos.jpg|Kaplumbağa resim sayfasına gider]]</nowiki>'''
[[:Dosya:Vosvos.jpg|Kaplumbağa resim sayfasına gider]]
==HTML'in <table> özelliğini kullanmak==
Eğer HTML kullanabiliyorsanız, yazıyı ve resimleri <nowiki><table></nowiki> komutu ile düzenleyebilirsiniz.
<pre><nowiki>
<table>
<tr>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa1]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa2]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa3]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa4]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa5]]
</td>
</tr>
<tr>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa6]]
</td>
<td>Burası metin. Lorem ipsum dolor sit amet,......
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa7]]
</td>
<td>Burası başka bir metin. Lorem ipsum.....
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa8]]
</td>
</tr>
</table>
</nowiki>
</pre>
<table>
<tr>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa1]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa2]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa3]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa4]]
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa5]]
</td>
</tr>
<tr>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa6]]
</td>
<td><span style="color:#996633">Burası metin. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.</span>
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa7]]
</td>
<td><span style="color:#996633">Burası '''başka''' bir metin. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.</span>
</td>
<td>[[Dosya:Vosvos.jpg|küçükresim|Kaplumbağa8]]
</td>
</tr>
</table>
==İlgili konular==
*[[Yardım:Resim yükleme|Resim nasıl yüklenir]]
[[Kategori:Vikipedi'ye dair nasıllar]]
[[Kategori:Vikipedi resim yardım]]
| 