섬네일로 사진 또는 그래픽 전환

간단한 교훈

사진과 그래픽은 많은 서버 공간을 사용합니다. 이렇게하면 웹 페이지를 훨씬 느리게로드 할 수 있습니다. 한 가지 옵션은 대신 사진의 축소판을 사용하는 것입니다. 축소판 그림은 같은 그림의 작은 버전입니다. 그것에서 당신은 원본 그림에 연결한다.

미리보기 이미지를 사용하면 한 페이지에 더 많은 그래픽을 넣을 수 있습니다. 독자는 페이지의 모든 그래픽을 선택하여 선택하고보고 싶은 것을 결정할 수 있습니다.

미리보기 이미지를 만드는 것은 어렵지 않고 그리 오래 걸리지 않습니다. 당신이해야 할 첫 번째 일은 사진이나 그래픽 편집 프로그램을 다운로드하는 것입니다. 나는 Irfan View를 사용합니다. 무료이며 사용이 간편합니다. Paint Shop Pro 나 Photoshop과 같이 포괄적이지는 않지만 색상의 모양을 변경, 자르기 및 변경하기에 충분합니다.

이 강의에서는 Irfan View를 사용할 것입니다. 다른 프로그램을 사용하는 경우 지침이별로 다릅니다.

가장 먼저 할 일은 크기를 조정할 이미지를 여는 것입니다. "파일", "열기"를 클릭하여 컴퓨터에서 이미지를 찾은 다음 "열기"버튼을 클릭하면됩니다.

그래픽 편집 프로그램에서 이미지를 연 상태에서 자르거나 크기를 조정할 수 있습니다. 자르기는 사용하려는 것보다 더 많은 이미지가있을 때 수행하는 작업입니다. 당신과 다른 사람의 사진이 있지만 그 부분을 당신과 함께 사용하고 다른 사람을 잘라내 길 원한다고 가정 해 봅시다.

자르기 위해서는 먼저 보관할 영역을 선택해야합니다. 마우스 커서를 지우려는 영역의 한 모서리에 놓고 마우스 단추를 누른 상태에서 커서를 영역의 반대쪽 모서리로 끕니다. 이 작업을 수행함에 따라이 영역 주변에 선이 생성되는 것을 볼 수 있습니다.

이제 "편집", "자르기 선택"을 클릭하십시오. 선택한 영역이 왼쪽으로 표시되고 나머지 영역은 사라집니다. 당신이 보는 것을 좋아한다면이 시점에서 이미지를 저장하여 우연히 프로그램을 닫고 자르기를 잃지 않도록 할 수 있습니다. 마음에 들지 않으면 "편집", "실행 취소"를 클릭하면 자르기 전에 있던대로 되돌아갑니다.

사진에서 무언가를 잘라내려면 "잘라 내기"기능을 사용하십시오. "선택 영역에 텍스트 삽입"을 사용하여이 시점에서 그림에 텍스트를 추가 할 수도 있습니다. 이 두 기능은 모두 "편집"메뉴에 있습니다. 원하는대로 변경 한 후에 이미지를 저장하십시오. 그러면 작업을 잃지 않게됩니다.

이제 미리보기 이미지를 만듭니다. "이미지", "크기 조정 / 리샘플링"을 클릭하십시오. 이미지의 크기를 조절할 수있는 상자가 나타납니다. 높이와 너비 또는 백분율을 기준으로 이미지의 크기를 조정하도록 선택할 수 있습니다. 예를 들어 너비가 50 픽셀이거나 이미지를 원래 크기의 10 %로 만들 수 있습니다. 축소판을 사진 갤러리로 사용하여 모든 이미지를 같은 크기에 가깝게 만들면 페이지에 잘 들어 맞고 멋진 직선이나 행을 만들 수 있습니다.

크기를 조정할 때 이미지의 선명도가 손실 된 것으로 보이는 경우 "이미지"메뉴에서 "선명하게"기능을 사용할 수 있습니다. 크기를 조정 한 후 이미지를 저장하면 "저장"기능이 아닌 "다른 이름으로 저장"기능을 사용해야합니다. 당신은 그것과 다른, 그러나 비슷한 이름을주고 싶을 것입니다. 저장하면 이전 이미지를 덮어 쓰게되고 원래 이미지는 사라집니다. 원본이 "picture.jpg"이라면 엄지 손톱을 "picture_th.jpg"라고 부를 수 있습니다.

호스팅 서비스에 페이지 및 그래픽을 웹 사이트에 쉽게 업로드하는 데 도움이되는 파일 업로드 프로그램이없는 경우 업로드하려면 FTP 클라이언트가 있어야합니다. 함께하는 호스팅 서비스는 파일을 업로드 할 수 있도록 FTP 클라이언트에 넣어야하는 설정을 제공해야합니다.

그래픽이나 사진을 "그래픽"또는 "사진"이라는 폴더에 업로드하여 페이지와 별도로 유지할 수 있으므로 필요할 때 쉽게 찾을 수 있습니다. 나는 다른 폴더를 사용하여 페이지와 그래픽을 구성하는 것을 좋아합니다. 사이트를 멋지게 유지하여 찾고있는 것이 무엇이든 빠르게 찾을 수 있으므로 필요시 빗 맞춰야하는 긴 파일 목록이 없습니다.

미리보기 이미지를 호스팅 서비스에 업로드해야합니다. "축소판"이라고 불리는 별도의 폴더에 넣는 것을 고려하십시오.

이제 그래픽의 주소가 필요합니다. 예 : 지오 시티에서 사이트를 호스팅하고 사용자 이름이 "mysite"라고 가정 해 보겠습니다. 주 그래픽은 "그래픽"이라는 폴더에 있으며 "graphics.jpg"라는 이름으로되어 있습니다. 축소판은 "thumbnail.jpg"라고하며 "축소판"이라는 폴더에 있습니다. 그래픽 주소는 http://www.geocities.com/mysite/graphics/graphics.jpg 이며 축소판 주소는 http://www.geocities.com/mysite/thumbnail/thumbnail.jpg가 됩니다.

이제는 미리보기 이미지에 대한 링크를 페이지에 추가하고 미리보기 이미지에서 그래픽에 대한 링크를 추가하기 만하면됩니다. 일부 호스팅 서비스는 사진 앨범을 제공합니다. 방향을 따라 사진을 페이지에 추가하면됩니다.

HTML을 사용하여 사진 앨범을 만드는 것을 선호한다면 처음부터 다시 시작할 필요가 없습니다. 대신 사진 앨범 템플릿을 사용하십시오. 그런 다음 링크를 추가하면 포토 앨범이 생깁니다.

메인 그래픽이 페이지에 표시되도록 그래픽 자체에 연결하는 경우 사용할 코드는 다음과 같습니다.

그림 텍스트

이 코드에서 graphic.jpg 를 볼 수있는 곳에서는 http://www.geocities.com/mysite/graphics/graphics.jpg로 변경하거나 /graphics/graphics.jpg 와 같은 짧은 형식을 사용할 수 있습니다. 그런 다음 그림 아래의 텍스트 를 말하여 그림 아래에서 원하는대로 변경하십시오.

미리보기 이미지를 사용하고 그래픽의 링크를 사용하려는 경우 사용하는 코드는 약간 다릅니다.

http : //address_of_graphic.gif에서 축소판 그림의 주소를 추가하십시오. http://address_of_page.com 이 보이는 곳에서 그래픽 주소를 추가하십시오. 페이지에 미리보기 이미지가 표시되지만 그래픽에 직접 연결됩니다. 그래픽의 미리보기 이미지를 클릭하면 원본으로 이동합니다.

이제 한 페이지에 더 많은 그래픽을 연결할 수있어 서버가 느려지 게되어 페이지로드가 느려지지 않습니다. 이것은 사진 앨범을 만들기위한 유일한 옵션은 아니지만 사람들이 페이지와 페이지 사진을 클릭 할 필요가 없도록 한 페이지에 전체 사진을 추가하는 방법을 제공합니다. 그들은 또한 그들이 원하지 않는 경우 모든 사진을 보지 않고 보통 크기로보고 싶은 사진을 선택할 수 있습니다.