Popularnym scenariuszem online jest to, że masz w swojej witrynie obraz, do którego chcesz utworzyć link. Być może kodujesz stronę w swojej witrynie i chcesz ją dodać, a może chcesz ją połączyć z innej strony, takiej jak konto społecznościowe. W obu przypadkach pierwszym krokiem w tym procesie jest identyfikacja adresu URL (jednolity lokalizator zasobów) tego obrazu. Jest to unikalny adres i ścieżka do pliku określonego obrazu w Internecie. Spójrzmy, jak to się robi.
Pierwsze kroki
Aby rozpocząć, przejdź do strony z obrazem, którego chcesz użyć. Pamiętaj jednak, że powinieneś użyć obrazu, który posiadasz. To dlatego, że wskazywanie na obrazy innych ludzi jest uważane za kradzież przepustowości i może wpędzić cię w kłopoty - nawet legalnie. Jeśli łączysz się z obrazem w swojej witrynie, używasz własnego obrazu i własnej przepustowości. To dobrze, ale jeśli łączysz się z witryną należącą do kogoś innego, zasysasz jej przepustowość, aby wyświetlić ten obraz. Jeśli ta witryna ma miesięczne limity na wykorzystanie przepustowości, które wiele firm hostingowych narzuca, to jesz do ich miesięcznego limitu bez ich zgody. Ponadto kopiowanie obrazu innej osoby do witryny może stanowić naruszenie praw autorskich. Jeśli ktoś ma licencję na obraz do wykorzystania w swojej witrynie, zrobił to sam na swojej stronie internetowej. Łączenie z tym obrazem i wciąganie go do witryny, aby wyświetlało się na Twojej stronie, wykracza poza tę licencję i może cię otworzyć na kary i grzywny. Podsumowując, możesz linkować do obrazów spoza Twojej własnej witryny / domeny, ale w najlepszym wypadku jest to w najlepszym wypadku nieuprzejme, aw najgorszym - nielegalne, więc unikaj tej praktyki razem.
Ze względu na ten artykuł zakładamy, że obrazy są legalnie hostowane we własnej domenie.
Teraz, gdy rozumiesz "kupki" łączenia obrazów, będziemy chcieli wskazać, z której przeglądarki korzystasz. Różne przeglądarki robią różne rzeczy, co ma sens, ponieważ wszystkie są unikalnymi platformami programowymi tworzonymi przez różne firmy. W przeważającej części jednak wszystkie przeglądarki działają trochę podobnie. W Google Chrome to właśnie powinienem zrobić:
-
Znajdź obraz, który chcesz.
-
Kliknij to zdjęcie prawym przyciskiem myszy (Ctrl + kliknięcie na komputerze Mac).
-
Pojawi się menu. Z tego menu wybieram Kopiuj adres obrazu.
-
Jeśli wkleisz to, co jest teraz w schowku, zobaczysz, że masz pełną ścieżkę do tego obrazu.
Tak to działa w przeglądarce Google Chrome. Inne przeglądarki mają różnice. W przeglądarce Internet Explorer kliknij prawym przyciskiem myszy na obrazku i wybierz Nieruchomości. W tym oknie dialogowym zobaczysz ścieżkę do tego obrazu. Skopiuj adres obrazu wybierając go i kopiując do schowka.
W przeglądarce Firefox kliknij prawym przyciskiem myszy na obrazku i wybierz skopiuj lokalizacje zdjęcia.
Urządzenia mobilne są jeszcze trudniejsze w znalezieniu ścieżki adresu URL, a ponieważ na rynku dostępnych jest obecnie wiele różnych urządzeń, utworzenie wyczerpującej listy adresów URL obrazów na wszystkich platformach i urządzeniach byłoby zniechęcającym zadaniem. Jednak w wielu przypadkach dotykasz i przytrzymujesz obraz, aby uzyskać dostęp do menu, które pozwoli Ci zapisać obraz lub znaleźć jego URL.
OK, więc gdy masz już adres URL obrazu, możesz dodać go do dokumentu HTML. Pamiętaj, że to była najważniejsza kwestia tego ćwiczenia, aby znaleźć adres URL obrazu, abyśmy mogli go dodać do naszej strony! Oto sposób dodania go za pomocą HTML. Zauważ, że napiszesz ten kod w dowolnym edytorze HTML, który wolisz:
Rodzaj:
Pomiędzy pierwszym zestawem podwójnych cudzysłowów wkleiłeś ścieżkę do obrazu, który chcesz dołączyć. Wartość tekstowa alt powinna zawierać opisową treść wyjaśniającą, jaki obraz jest dla kogoś, kto może nie widzieć go na stronie.
Załaduj swoją stronę internetową i przetestuj ją w przeglądarce internetowej, aby sprawdzić, czy obraz jest już na miejscu!
Przydatne porady
Atrybuty szerokości i wysokości nie są wymagane na obrazach i powinny być wykluczone, chyba że zawsze chcesz, aby obraz był renderowany w tym samym rozmiarze. Dzięki responsywnym witrynom i obrazom, które zmieniają się i zmieniają rozmiar w zależności od rozmiaru ekranu, obecnie rzadko tak jest. Najprawdopodobniej lepiej jest pozostawić szerokość i wysokość, zwłaszcza, że w przypadku braku innych informacji o rozmiarach lub stylów przeglądarka wyświetli obraz w domyślnym rozmiarze.
