Tumblr 테마에서 GIF를 작동시키는 방법

애니메이션 그래픽 교환 형식 파일을 테마의 일부로 사용하여 Tumblr 블로그에 더 많은 관심을 끌 수 있습니다. 사이드 바 또는 설명 영역에 애니메이션을 가져 오려면 먼저 GIF 파일을 업로드 한 다음 테마의 HTML 코드에 파일 링크를 추가해야합니다. 애니메이션이 제대로 작동하는 데 문제가있는 경우 Tumblr의 이미지 표준을 충족하도록 원본 파일을 수정해야 할 수 있습니다.

테마에 이미지 추가

정적 파일 업로드 페이지 (참고 자료 링크)에서 애니메이션 GIF 파일을 Tumblr에 업로드하세요. Tumblr를 사용하면 테마에 사용하는 한이 페이지에서 최대 5MB의 애니메이션 GIF 파일을 업로드 할 수 있습니다. 또는 TinyPic, PhotoBucket 또는 ImageShack과 같은 이미지 호스팅 사이트에 파일을 업로드합니다. 다른 사이트의 경우 파일 크기를 10MB 미만으로 유지하십시오.

Tumblr 또는 이미지 호스팅 사이트에서 제공 한 이미지 URL을 복사합니다.

Tumblr 대시 보드로 이동하여 "사용자 지정"을 클릭하여 블로그 테마 설정에 액세스합니다.

애니메이션 GIF 파일을 삽입하려는 지점에서 설명 필드 내부를 클릭하고 다음 HTML 코드를 입력합니다. "URL"을 애니메이션 GIF URL로 바꿉니다. URL을 따옴표로 묶으십시오. 최종 코드는 다음과 유사해야합니다. Tumblr 테마에서 GIF를 작동시키는 방법

미리보기 창에서 아무 곳이나 클릭하면 이미지가 어떻게 보이는지 확인할 수 있습니다. 일부 테마에서는 이미지가 사이드 바에 맞도록 코드에 너비 속성을 추가해야 할 수 있습니다. 예를 들어 너비를 300 픽셀로 설정하려면 다음과 같이 코드를 수정합니다. Tumblr 테마에서 GIF를 작동시키는 방법

"저장"을 클릭 한 다음 "종료"를 클릭하십시오. 이미지가 제대로 표시되지 않거나 애니메이션이 작동하지 않으면 Tumblr 서버가 페이지를 업데이트 할 때까지 몇 분 정도 기다리세요. 그래도 작동하지 않으면 원본 GIF 파일을 수정 한 다음 다시 업로드해야 할 수 있습니다.

애니메이션 GIF 파일이 500 x 700 픽셀을 초과하는 경우 크기를 줄이십시오. 많은 Tumblr 테마가 더 큰 이미지를 처리 ​​할 수 ​​없거나 Tumblr에서 사이드 바에 맞게 이미지를 줄이는 데 문제가있을 수 있습니다.

여전히 문제가있는 경우 원본 파일의 크기를 줄이십시오. Tumblr는 다른 웹 사이트에있을 때 최대 10MB의 파일을 지원하지만 이러한 대용량 파일을 처리하는 데 필요한 리소스가 문제의 원인 일 수 있습니다. 파일 크기를 줄이는 가장 쉬운 방법은 이미지 크기를 줄이는 것이지만 레이어 또는 색상 수를 줄일 수도 있습니다.

모든 크기 요구 사항을 충족하지만 여전히 제대로 표시되지 않는 경우 원본 애니메이션 GIF 파일을 다시 저장합니다. 문제는 원본 파일에 잘못된 코딩이있는 경우 일 수 있습니다. 이미지 편집 소프트웨어에서 파일을 저장하거나 내보낼 때 애니메이션 옵션을 선택했는지 확인하십시오.

애니메이션 GIF 파일을 수정할 때 GIMP, Photoshop 또는 CorelDraw와 같은 표준 이미지 편집 프로그램을 사용하십시오. GIFMaker.Me, GIFMagic 또는 ResizePic (리소스 링크)과 같은 무료 웹 사이트를 사용하여 애니메이션 GIF 파일을 다시 저장하거나 크기를 조정할 수도 있습니다.