Sitede yarattığınız sayfalara resim eklemeniz mümkündür. Bunun için öncelikle kullanmak istediğiniz resim dosyasını Adobe Photoshop veya benzeri bir programa yükleyerek, aşağıdaki listede belirtilen özelliklere sahip olacak bir şekilde değiştirmeniz gerekmektedir.

• Resmin genişliğinin 300 noktadan fazla olmaması, sayfada çok fazla yer kaplamamalıdır
• Kaydedilen resim dosya isminde Türkçe karakter ve boşluk karakteri kullanılmamalıdır
• Dosya ismi anlaşılır ve içeriğine karşılık gelen bir anlamda seçilmelidir
• Resmi JPEG dosyası olarak kaydederken en az %75, en fazla %85 dosya kalitesinin seçilmelidir
• Kaydedilen resim dosya büyüküğünün 15-20 KB’ın üzerinde olmamalıdır.

Bu özelliklere sahip olan bir resim dosyasını yarattıktan sonra, bu sayfada anlatılan yöntemleri kullanarak resim dosyanızı sitedeki herhangi bir sayfaya ekleyebilirsiniz.

Sayfalara resim yükleyebilmek için, site sorumlusu tarafından size bu işlem için yetki verilmiş olması gerekmektedir.

Herhangi bir resmi, istenen sayfaya koymadan önce, bu resmin dosyasının siteye yüklenmesi gerekmektedir. Bunun için, ilk olarak resmin yerleştirileceği sayfanın içerik değiştirme arayüzüne ulaşmanız gerekmektedir. Bu arayüzün üst kısmında bulunan düğmelerden sağdan ikincisi, resim yükleme işlemlerini gerçekleştirebileceğiniz ayrı bir pencerenin açılmasını sağlayacaktır.

Açılan pencere üç ayrı bölgeden oluşmaktadır. Aşağıdaki şekilde bu pencerenin bir örneğini görebilirsiniz.

1. Sekilde görülen birinci bölge, resim yüklemeniz için hazır olan site içi alanları göstermektedir. Bu alanların hiyerarşik yapısı, sitedeki sayfaların yapısı ile örtüşmektedir. Pencere ilk açıldığında seçilmiş olan alan, o anda değiştirmekte olduğunuz sayfaya karşılık gelen alan olacaktır. Eğer yüklemek istediğiniz resmi farklı bir çekmece altına koymak isterseniz, bu bölge aracılığı ile gereken seçimi yapabilirsiniz. Hedef olarak seçmiş olduğunuz alan, pencerenin en üst satırında gösterilecektir.
2. Şekilde görülen ikinci alan, yüklemek istediğiniz resim dosyasının bilgisayarınızdaki konumunu seçerek yükleme işlemini gerçekleştirmenizi sağlayacaktır.
   • Üstteki satırın sağındaki düğmeye tıklayarak, dosya seçimine yardımcı olacak bir yardımcı pencereyi açabilirsiniz. Dosya seçimini gerçekleştirdikten sonra, bu dosyanın konumu birinci satırda belirecektir.
   • Bu bölgedeki ikinci satır ise, seçtiğiniz dosyanın site içinde alacağı ismi değiştirmek için kullanılır. Eğer dosyanız için bilgisayarınızda seçtiğiniz ismin uygun olmadığını düşünüyorsanız, bu satıra istediğiniz dosya ismini girebilirsiniz.
   • Son olarak da, eğer daha önce yüklemiş olduğunuz bir resim dosyasını güncellemek ve aynı isim altında yeni bir resim yüklemek istiyorsanız, en alttaki kutuyu seçmeniz gerekecektir.
   • Dosya yüklemesini gerçekleştirmek için “Yükle” düğmesine basınız.
3. Penceredeki üçüncü bölge de, seçmiş olduğunuz çekmece altına o ana kadar yüklenmiş olan resim dosyalarının bir listesini ve her resmin küçük bir örnek kopyasını gösterecektir. Bu alanın kullanımı aşağıdki paragraflarda anlatılacaktır. Yanlız, her dosya isminin yanında beliren küçük çöp kutusu resmini tıklayarak, dosyayı siteden silmeniz mümkündür. Resim silmek için site yöneticisinden özel yetki almanız gerekmektedir.

Kullanmak istediğiniz resim dosyasını siteye yükledikten sonra, sayfa içinde görünmesi için, sayfa içeriğine özel bir komut koymanız gerekmektedir. Bu komutun formatı, site içi bağlantılarda kullanılan komuta çok benzer

{{cekmece_bir:cekmece_iki:dosya_ismi.jpg}}

Tek fark, köşeli parantezlerin yerine “{” sembolünün kullanılmasıdır. Ayrıca, cekmece ve dosya isminin, yüklemiş olduğunuz resmin konumuna işaret etmesi gerekmektedir.

Bu komutu elle yazmanız gerekmez. Resim yükleme penceresinde üçüncü bölgenin en önemli fonksiyonu da budur. Bu bölgeden istediğiniz resme tıkladığınız zaman, o resmi sayfaya yerleştirecek olan komut otomatik olarak içerik değiştirme penceresine eklenecektir.

Site içi bağlantılarda olduğu gibi, resimlere de alternatif bir “alt başlık” verilebilir. Bu başlık, site ziyaretçileri resim üzerine gelip kısa bir süre bekledikleri zaman bir kutucuk içinde belirecektir. Örneğin, yukarıdaki pencere örneği resmini yerleştiren komut

{{yardim:resim_yukle.jpg|Resim yükleme arayüzü}}

şeklinde oluşturulmuştur. Resmin üzerine gelip kısa bir süre beklerseniz, “Resim yükleme arayüzü” cümleciğinin küçük bir kutu içinde belirdiğini göreceksiniz.

Her web sitesi tasarımında olduğu gibi, sayfanın akışı resmin değişik konumlarda belirmesini gerektirebilir. Bu doğrultuda site içerik değiştirme sistemimiz size dört farklı seçenek sunmaktadır. Aşağıdaki şekilde, resmin etrafındaki yazıya göre konumunu bu dört seçenek için görülmektedir.

• 1: İlk seçenekte, yazı resimden önce ve sonra belirmekte ve resim ekranın en soluna yapışmaktadır. Bu konum en temel konum olup, yukarıda anlatılan resim komutu ile elde edilebilir:

{{cekmece_bir:cekmece_iki:dosya_ismi.jpg|Resim başlığı}}

• 2: İkinci seçenekte, yazı hala resimden önce ve sonra belirecek, fakat bu defa resim sayfada ortalanarak gösterilecektir. Bu görüntüyü elde edebilmek için, resim yerleştirme komutunda, dosya isminden önce hemen önce ve hemen sonra (resim başlığından önce olacak şekilde) en az ikişer adet boşluk karakteri konmalıdır:

{{  cekmece_bir:cekmece_iki:dosya_ismi.jpg  |Resim başlığı}}

• 3: Üçüncü seçenekte, resim sayfanın soluna yapışık olarak ve yazı resmin sağ tarafından akarak gösterilecektir. Bu görüntüyü elde edebilmek için, resim yerleştirme komutunda, dosya isminden hemen sonra en az iki adet boşluk karakteri konmalıdır:

{{cekmece_bir:cekmece_iki:dosya_ismi.jpg  |Resim başlığı}}

• 4: Son ve dördüncü seçenekte ise, resim sayfanın sağına yapışık olarak ve yazı resmin sol tarafından akarak gösterilecektir. Bu görüntüyü elde edebilmek için, resim yerleştirme komutunda, dosya isminden hemen önce en az iki adet boşluk karakteri konmalıdır:

{{  cekmece_bir:cekmece_iki:dosya_ismi.jpg|Resim başlığı}}