Sitenize JPG, GIF veya PNG Görüntüleri Ekleme

Web Sitenizde Resimleri Göstermek için Kolay Kılavuz

Çoğu görsel, JPG , GIF ve PNG gibi formatlardadır. Bu gibi fotoğrafları kendi web sitenize yükleyebilir, başkalarıyla paylaşabilirsiniz veya bir şeyi daha açıklamak, bir fikir göstermek veya başka bir sebepten dolayı.

Bir resmi web sitenize bağladığınızda, resmi kendiniz bile kaydetmeniz gerekmez. Fotoğrafı farklı bir web sunucusuna yükleyebilir ve ardından kendi web sitenizden bağlayabilirsiniz.

Görüntü Boyutunu Kontrol Et

Bazı barındırma hizmetleri, belirli bir boyuttaki dosyalara izin vermiyor. Web sitenize yüklemek üzere olduğunuz şeyin, web barındırma hizmetiniz tarafından izin verilen maksimum boyutun altında olduğundan emin olun. Bu resim PNG formatında veya GIF, JPG, TIFF , vb.

İstediğiniz en son şey, sadece yüklemek için çok büyük olması için mükemmel görüntü oluşturmaya çalışmaktır. Neyse ki, işlerinizi yapmak için fotoğraflarınızın boyutunu azaltabilirsiniz .

Resmi Çevrimiçi Yükle

Web barındırma hizmetinizin sağladığı dosya yükleme programını kullanarak JPG veya GIF resminizi sitenize yükleyin. Bir tane sağlamazlarsa, resimlerinizi yüklemek için bir FTP programına ihtiyacınız olacaktır. Başka bir seçenek, görüntüyü barındırmak ve farklı bir resim barındırma hizmeti kullanmak için kendi web sunucunuzu kullanmaktan kaçınmaktır.

Web sitenize indirdiğiniz veya ZIP dosyası gibi bir arşive yerleştirdiğiniz bir görüntü ekliyorsanız, büyük olasılıkla öncelikle resimleri çıkarmanız gerekir. Web barındırma platformlarının çoğu, JPG, GIF, PNG vb. Gibi bir resim biçiminde olmadıkça resim yüklemelerine izin vermez - 7Z , RAR vb. Gibi dosya türlerini arşivlemez.

Öte yandan, görseliniz başka bir yerde, başka birinin web sitesinde olduğu gibi başka bir yerde barındırılıyorsa, bir sonraki adımla doğrudan bağlantı kurabilirsiniz. Bunu indirmeniz ve ardından kendi web sunucunuza yeniden yüklemeniz gerekmez. .

URL'nizi Resminize yerleştirin

JPG veya GIF resmini nereye yüklediniz? Web sunucunuzun köküne ya da resimleri tutmak için özel olarak yapılmış bir başka klasöre eklediniz mi? Bu, bilmeniz gereken bir şeydir, böylece daha sonra, görüntüyü ziyaretçilerinize sunmak için ihtiyacınız olan kalıcı konumunu belirleyebilirsiniz.

İşte burada bir PNG dosyasına doğrudan bir bağlantı örneği var.

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

Örneğin, web sunucunuzun resimler için klasör yapısı \ images \ ise ve yüklediğiniz fotoğraf new.jpg olarak adlandırılırsa, söz konusu fotoğrafın URL'si \ images \ new.jpg'dir . Bu, görüntünün hp-howto.png olarak adlandırıldığı ve içinde bulunduğu klasörün /static/2.49.0/image/ olduğu örneğimize benzer .

Resminiz başka bir yerde barındırılıyorsa, bağlantıyı sağ tıklayıp kopyalama seçeneğini belirleyerek URL’yi kopyalamanız yeterlidir. Veya, görüntüyü tarayıcınızda tıklayarak açın ve ardından tarayıcınızdaki gezinme çubuğunda konumu o resme kopyalayın.

URL'yi Sayfaya Girin

Artık web sitenizde bağlamak istediğiniz resmin URL'sine sahip olduğunuza göre, nereye gitmesi gerektiğini seçmeniz gerekiyor. JPG görüntünün bağlanmasını istediğiniz sayfanın belirli bir bölümünü bulun.

Resmi bağlamak için doğru yeri bulduğunuzda, URL'nizi kişilere resme yönlendirmesi gereken cümle kelimesine veya ifadesine bağlamak için web sunucunuzun köprü işlevini kullanın. Ekleme bağlantısı veya köprü ekleme olarak adlandırılabilir.

Bir resme bağlantı kurmanın birçok yolu vardır. Belki de new.jpg resminiz bir çiçeğidir ve ziyaretçilerinizin çiçekleri görmek için bağlantıyı tıklayabilmesini istersiniz.

Sayfanın HTML kodunu kullanarak resme bağlantı vermek istiyorsanız, bunu da yapabilirsiniz.

Bahçemde büyüyen bir çok güzel bir çiçekim var .

Web sitenizdeki bir resme bağlantı vermenin başka bir yolu, HTML koduyla satır içi olarak yayınlamaktır. Bunun anlamı, ziyaretçilerin sayfayı açtıklarında resmi görecek olmalarıdır. Bu nedenle yukarıdaki örneklerde gördüğünüz gibi bir bağlantı olmayacaktır. Bu, kendi sunucunuzdaki resimler ve başka bir yerde barındırılan resimler için çalışır, ancak bunu yapmak için web sayfasının HTML dosyasına erişmeniz gerekir.