티스토리 최적화 블로그 방법을 보여 드리겠습니다. 여기저기 검색에 나와있는 뻔한 이야기 말고 조금 색다른 이야기를 준비하려니 만만하지는 않네요. 그래도 몇 회 분량은 나올 것 같습니다. 먼저 그 시작으로 티스토리 서버가 느리다는 것은 모두들 알고 있는 내용이실 것입니다. 이에 대한 대응으로 이미지를 첨부하실 때 확장자에도 신경을 쓰게 됩니다. 일반적으로 PNG 파일은 고화질인 만큼 용량이 큽니다. JPG 파일이 가장 무난하지만 이 또한 픽셀 수가 높은 고해상도 이미지는 로딩을 느리게 합니다. 알고 계셨나요?
티스토리에서 디폴트로 생성된 게시물의 가로 픽셀 크기는 1200px입니다. 그 보다 크다면 일단 크롤링할 때 속도 면에서 불리하지 않을까? 생각해 봅니다. 심지어 티스토리에서 가장 안정적이고 확장성이 좋다는 Book Club 스킨에 적용되어 리사이징 되어 보이는 이미지 크기는 가로 860px (세로 430px)입니다. 이미지가 클릭되어서 화면보다 더 크게 보일 필요가 있다면 가로 1200px (세로 600px)을 사용하고 있고 그렇지 않으면 가로 860px (세로 430px) 보다 더 클 필요는 없어 보입니다. 세로 크기는 화면에 뿌려줄 때 리사이징 되지 않으므로 엄청나게 세로 길이가 긴 이미지가 아니면 크게 중요하게 고려할 필요는 없습니다. 참고로 저는 가로 740px 정도를 사용하는데, 이것도 귀찮아서 그냥 700px 할까 고민 중입니다 :)
티스토리 최적화 이미지 변환 위에 첨부한 이미지가 어떻게 보이시나요? 아주 선명하지는 않아도 봐줄 만하죠? 티스토리 최적화, 구글 크롤링으로 색인 검색 최적화를 하시려면 첨부하는 이미지를 다른 종류의 파일로 변환하는 것입니다. https://convertio.co/kr/jpg-webp/ JPG 파일이나 PNG 파일을 WEBP 파일로 변환할 수 있습니다. JPG 파일일 때 463KB이던 파일을 257KB로 용량을 줄였습니다. 참고로 변환 전 파일도 보여드립니다.
포털을 운영하는 입장에서 서버의 공간을 무한대로 증설해야 하는 상황이기도 합니다. 최근 이 일을 증명이라도 하듯, 네이버 블로그의 이미지 첨부 최대 용량이 낮게 설정되어 있어서 하나의 콘텐츠 전체에 업로드하는 이미지의 용량을 제한하기 시작했습니다. 화질의 저하가 살짝 있더라도 WEBP 파일로 변환하여 사용하게 되면 서버의 부담도 줄일 수 있고, 로딩 속도를 빠르게 하는데 도움이 됩니다. 하지만 중요한 점은 일부러 화질을 떨어뜨릴 필요는 없습니다. 선명하게 보여주어야 하고 이미지가 중요한 콘텐츠를 작성하고 있다면 서버가 허용하는 범위 내에서 이미지를 가장 잘 보일 수 있는 고해상도를 사용하는 것이 당연합니다.
기존에 사용하던 티스토리 서버의 물리적 하드 디스크에 손상을 입었는지 일부 섹터만 오류가 생겼는지 정상적으로 애드센스 사이트 승인이 나지 않아 결국 이전하면서 새롭게 블로그를 시작합니다. 천천히 기존 게시물을 옮기면서 작업할 예정입니다. 지속적으로 구독하기 부탁드릴게요.
이미지 고해상도를 유지하면서 사진을 업로드하는 최적화 방법
티스토리 블로그 대용량 이미지 업로드와 첨부 이미지 리사이징 테스트
티스토리에 첨부할 수 있는 사진의 최대 크기와 용량은 어느 정도 될까요? 미국 여행 중에 촬영했던 사진을 한 번 올려서 테스트를 해 보려고 합니다. 당시가 벌써 6년 전 2016년이었네요. 아주 큰
estory.kr
댓글