일반적인 온라인 시나리오는 링크하려는 웹 사이트에 이미지가 있다는 것입니다. 아마도 당신은 귀하의 사이트에 페이지를 코딩하고 그 이미지를 추가하기를 원할 것입니다. 또는 귀하가 가지고있는 소셜 미디어 계정과 같은 다른 사이트의 이미지에 링크하고 싶을 수도 있습니다. 두 경우 모두이 프로세스의 첫 번째 단계는 해당 이미지의 URL (uniform resource locator)을 식별하는 것입니다. 이것은 웹상의 특정 이미지에 대한 고유 한 주소 및 파일 경로입니다.
이것이 어떻게 행해지는지 살펴 보겠습니다.
시작하기
시작하려면 사용할 이미지가있는 페이지로 이동하십시오. 그러나 소유하고있는 이미지를 사용해야한다는 것을 명심하십시오. 이는 다른 사람들의 이미지를 가리키는 것이 대역폭 도난으로 간주되어 합법적으로조차도 문제가 발생할 수 있기 때문입니다. 웹 사이트의 이미지에 링크하면 자신의 이미지와 자신의 대역폭을 사용하게됩니다. 그래도 괜찮지 만 다른 사람의 웹 사이트에 연결하면 사이트 대역폭을 빨아 들여 해당 이미지를 표시합니다. 해당 사이트에 많은 호스팅 업체 가 부과하는 대역폭 사용량에 대한 월간 제한이있는 경우 사용자는 동의없이 월간 한도로 식사를하고 있습니다. 또한 다른 사람의 이미지를 웹 사이트로 복사하는 것은 저작권 위반 일 수 있습니다. 누군가 자신의 웹 사이트에서 사용할 이미지의 라이센스를 취득한 경우 웹 사이트만으로 이미지 를 사용할 수 있습니다. 해당 이미지에 연결하여 귀하의 사이트에 귀하의 페이지에 표시되도록 그려면 귀하는 귀하의 페이지에 표시됩니다. 해당 라이센스를 벗어나면 귀하는 법적 처벌 및 벌금에 처해질 수 있습니다.
결론적으로, 자신의 사이트 / 도메인 외부에있는 이미지로 링크 할 수는 있지만 최상으로 불법적으로 간주하고 최악의 경우 불법으로 간주하므로이 연습을 모두 피하십시오. 이 기사에서는 이미지가 귀하의 도메인에서 합법적으로 호스팅되고 있다고 가정합니다.
이미지 연결의 "어려움"을 이해 했으므로 사용할 브라우저를 식별해야합니다.
서로 다른 브라우저는 사물을 다르게 처리합니다. 서로 다른 회사에서 만든 고유 한 소프트웨어 플랫폼이기 때문에 의미가 있습니다. 그러나 대부분의 경우 브라우저는 요즘 다소 비슷한 방식으로 작동합니다. Chrome에서는 다음과 같은 작업을 수행합니다.
- 원하는 이미지를 찾으십시오.
- 해당 이미지를 마우스 오른쪽 버튼으로 클릭하십시오 (Mac에서는 Ctrl + 클릭 ).
- 메뉴가 나타납니다. 해당 메뉴에서 Copy Image Address를 선택합니다.
- 현재 클립 보드에있는 것을 붙여 넣으면 그 이미지에 대한 전체 경로가 있음을 알 수 있습니다.
이제 이것이 Chrome에서 작동하는 방식입니다. 다른 브라우저에는 차이점이 있습니다. Internet Explorer에서 이미지를 마우스 오른쪽 단추로 클릭하고 속성을 선택합니다. 이 대화 상자에서이 이미지의 경로를 볼 수 있습니다. 그것을 선택하고 클립 보드에 복사하여 이미지 의 주소를 복사하십시오.
Firefox에서는 이미지를 마우스 오른쪽 버튼으로 클릭하고 이미지 위치 복사를 선택합니다.
URL 경로를 찾는 데는 모바일 장치가 더 까다 롭습니다. 오늘날 시장에 많은 다른 장치가 있기 때문에 모든 플랫폼과 장치에서 이미지 URL을 찾는 방법의 확실한 목록을 작성하는 것은 어려운 작업입니다. 그러나 대부분의 경우 이미지를 길게 터치하면 이미지를 저장하거나 URL을 찾을 수있는 메뉴에 액세스 할 수 있습니다.
이미지 URL이 있으면 HTML 문서에 추가 할 수 있습니다. 이것이 이미지의 URL을 찾기 위해이 연습의 요점 이었음을 기억하십시오. 페이지에 추가 할 수 있습니다! HTML을 추가하는 방법은 다음과 같습니다. 원하는 HTML 편집기에서이 코드를 작성하십시오.
유형:
큰 따옴표의 첫 번째 집합 사이에 포함 할 이미지의 경로를 붙여 넣습니다. 대체 텍스트의 값은 페이지에서 실제로 볼 수없는 사용자를 위해 이미지가 무엇인지 설명하는 설명이 포함 된 콘텐츠 여야합니다.
웹 페이지를 업로드하고 웹 브라우저에서 테스트하여 이미지가 제 위치에 있는지 확인하십시오!
유용한 팁
너비 및 높이 특성은 이미지에 필요하지 않으며 항상 정확한 크기로 이미지를 렌더링하지 않으려면 제외해야합니다. 반응 형 웹 사이트 와 화면 크기에 따라 리플 로우 및 크기 조정되는 이미지를 사용하는 경우는 거의 없습니다. 다른 크기 정보 나 스타일이 없으면 브라우저는 기본 크기로 이미지를 표시합니다. 너비와 높이를 벗어나는 것이 좋습니다.