Tumblr에서 HTML의 이미지 크기를 편집하는 방법

블로그 이미지가 너무 큰 경우 스크롤해야 볼 수 있습니다. 이미지를 너무 작게 만들고 블로그 방문자가 눈치 채지 못할 수도 있습니다. Tumblr과 같은 블로그 사이트 용 페이지를 만드는 사이트 디자이너는 종종 사진을 조정하여 레이아웃을 향상시키고 브라우저 페이지에 깔끔하게 맞 춥니 다. Tumblr의 HTML 편집기 사용법을 이해하면 이미지 편집 프로그램을 사용하지 않고도 동일한 작업을 수행 할 수 있습니다.

이미지 삽입

Tumblr 블로그 게시물에 이미지를 추가하는 것은 게시물을 입력하는 편집 상자 상단의 "이미지 삽입"버튼을 클릭하는 것만 큼 간단합니다. 이 버튼을 클릭하면 대화 상자 창이 열리고 인터넷에있는 이미지의 URL을 입력 할 수 있습니다. 창에는 치수 섹션에 이미지 크기를 설정할 수있는 두 개의 텍스트 상자가 있습니다. "삽입"을 클릭하면 Tumblr이 이미지를 편집 상자에 추가합니다.

수동 크기 조정

Tumblr 게시물의 그림 크기를 조정할 때 HTML을 사용할 필요는 없습니다. 이미지를 클릭하면 편집 상자에 작은 핸들이 나타납니다. 핸들 중 하나를 드래그하여 이미지를 크게 또는 작게 만듭니다. '미리보기'를 클릭하면 언제든지 소식과 이미지를 미리 볼 수 있습니다. 이미지 핸들을 드래그하면 그림의 크기를 빠르게 조정하는 데 도움이되지만이 방법을 사용하면 정확한 치수를 지정하기가 어렵습니다. 이미지에 정확한 높이 및 너비 값을 지정해야하는 경우 HTML을 사용하십시오.

Tumblr의 HTML 편집기

편집 상자 상단의 'HTML'버튼을 클릭하면 HTML 편집기에 게시물의 HTML 코드가 표시됩니다. 게시물에 이미지가 포함되어있는 경우 편집기는 아래와 비슷한 코드 줄을 표시합니다.

이 값은 이미지의 URL 인 src 속성을 가진 HTML img 태그입니다. 그 값은 "//www.Some_Site.com/image.jpg"입니다. 이 예제에서. 높이 및 너비 값 (픽셀 단위)을 이미지의 크기를 조정하려는 값으로 변경하십시오.

팁

새 이미지 크기가 마음에 들지 않으면 이미지를 클릭하여 선택하고 HTML 버튼을 클릭 한 다음 HTML 편집기에서 높이와 너비를 업데이트하십시오. 편집기에 다음 코드를 붙여 넣어 게시물에 새 이미지를 추가 할 수도 있습니다.

물음표를 웹 이미지의 URL로 바꾸고 "X"와 "Y"를 픽셀의 높이와 너비 값으로 바꿉니다. HTML을 사용하여 이미지 크기를 조정할 때 이미지의 크기가 커질수록 이미지 품질이 떨어집니다.