İnternet'te ortak bir senaryo, web sitenizde bağlantı kurmak istediğiniz bir görüntünüz olmasıdır. Belki de sitenizde bir sayfa kodlarsınız ve bu resmi eklemek istersiniz, ya da sahip olduğunuz sosyal medya hesabı gibi başka bir siteden bağlantı kurmak isteyebilirsiniz. Her iki durumda da, bu süreçteki ilk adım, o görüntünün URL'sini (tekdüzen kaynak konum belirleyici) tanımlamaktır. Bu, Web'deki belirli resme ait benzersiz adres ve dosya yoludur.
Bunun nasıl yapıldığına bir bakalım.
Başlamak
Başlamak için kullanmak istediğiniz resmin bulunduğu sayfaya gidin. Bununla birlikte, sahip olduğunuz bir resmi kullanmanız gerektiğini unutmayın. Bunun nedeni, diğer insanların imgelerine işaret etmek, bant genişliği hırsızlığı olarak kabul edilir ve sizi yasal olarak bile zorlayabilir. Web sitenizdeki bir resme bağlantı oluşturuyorsanız, kendi resminizi ve kendi bant genişliğinizi kullanıyorsunuz demektir. Bu iyi, ancak başka birinin web sitesine bağlanıyorsanız, bu görüntüyü göstermek için site bant genişliğini kaldırıyorsunuz. Bu sitenin bant genişliği kullanımında, hosting yapan birçok şirketin empoze ettiği limitler varsa, onların rızası olmadan aylık limitlerini tüketiyorsunuz. Ayrıca, başka bir kişinin resmini web sitenize kopyalamak, telif hakkı ihlali anlamına gelebilir. Birisi kendi web sitesinde kullanmak için bir görüntü lisanslı , onlar sadece kendi web sitesi için yapmışlardır. Bu resme bağlantı vermek ve sitenize çekmek, sayfanızda görüntülenmesi için bu lisansın dışında kalır ve sizi yasal cezalara ve para cezalarına açabilir.
Alt satırda, kendi sitenizin / alanınızın dışındaki görüntülere bağlantı verebilir, ancak en kaba ve en kötü ihtimalle kaba kabul edilir, bu yüzden hep birlikte bu uygulamadan kaçının. Bu yazı için, resimlerin yasal olarak kendi alan adınızda barındırıldığını kabul edeceğiz.
Artık görüntü bağlantılarının "yakalama" lerini anladığınıza göre, hangi tarayıcıyı kullanacağınızı tanımlamak isteriz.
Farklı tarayıcılar farklı şeyler yaparlar, bu da farklı şirketler tarafından oluşturulan benzersiz yazılım platformları olduğu için mantıklıdır. Ancak, çoğu zaman, tarayıcıların hepsi bu günlerde biraz benzer. Google Chrome’da, bunu yapacağım şey buydu:
- İstediğiniz resmi bulun.
- Bu resmi sağ tıklayın (Mac’te Ctrl + tıklayın ).
- Bir menü görünecektir. Bu menüden Görüntü Adresini Kopyala'yı seçiyorum.
- Şimdi panonuza yapıştırırsanız, o görüntünün tam yoluna sahip olduğunu görürsünüz.
Şimdi, Google Chrome'da böyle çalışıyor. Diğer tarayıcılarda farklılıklar var. Internet Explorer'da, resmin üzerine sağ tıklayın ve Özellikler'i seçin. Bu iletişim kutusundan, bu resmin yolunu göreceksiniz. Görüntünün adresini kopyalayıp onu panoya kopyalayarak kopyalayın.
Firefox'ta, resmin üzerine sağ tıklayıp görüntü konumunu kopyalayın .
Mobil cihazlar, bir URL yolu bulmaya geldiğinde daha da zorlayıcıdır ve bugün piyasada birçok farklı cihaz olduğundan, tüm platformlarda ve cihazlarda bir resim URL'sinin nasıl bulunacağına dair kesin bir liste oluşturmak zor bir görev olabilir. Ancak, birçok durumda, görüntüyü kaydetmenize veya URL’yi bulmanıza izin veren bir menüye erişmek için bir resme dokunup basılı tutun.
Tamam, böylece resim URL'nizi aldıktan sonra, bir HTML belgesine ekleyebilirsiniz. Unutmayın, bu alıştırmanın bütün noktasıydı, resmin URL'sini bulmak için sayfamıza ekleyebilelim! HTML ile nasıl eklenir. Bu kodu tercih ettiğiniz HTML düzenleyicisine yazacağınızı unutmayın:
Tür:
İlk çift tırnak işareti kümesi arasında, eklemek istediğiniz görüntünün yolunu yapıştırırsınız. Alt metnin değeri, görüntünün sayfada gerçekten göremeyen biri için resmin ne olduğunu açıklayan açıklayıcı içerik olmalıdır.
Resminizin şu anda yerinde olup olmadığını görmek için web sayfanızı yükleyin ve bir web tarayıcısında test edin!
Faydalı ipuçları
Görüntüler üzerinde genişlik ve yükseklik özellikleri gerekmez ve bu resmin her zaman tam boyutta oluşturulmasını istemediğiniz sürece bunlar hariç tutulmalıdır. Ekran boyutuna göre yeniden boyutlandırılan ve yeniden boyutlandıran yanıt veren web siteleri ve resimlerle, bu durum günümüzde nadiren geçerlidir. Genişlik ve yükseklikten ayrılmanız daha iyi olur, özellikle de başka bir boyutlandırma bilgisinin veya stilin yokluğunda tarayıcı, görüntüyü varsayılan boyutunda gösterecektir.