티스토리 백업 중 용량이 너무 커지고 로딩속도도 느려짐에 있어서 몇가지 고찰을 해봤습니다.
우선 jpg로 업로드해야하는데 png로 업로드 시 티스토리에서 자체적으로 이미지가 엄청 커지더라구요 그래서 왠만한건 jpg로 업로드하느데 이게 티스토리 자체에서 이미지를 편집하면 해당이미지가 jpg에서 png파일로 변환됩니다.
| 이미지 포맷 | 기본 용량 | 특징 | 서버용 추천 | 사용 용도 |
|---|---|---|---|---|
| JPEG | 중간 | 손실 압축, 색상 및 디테일 손실 발생 가능 | 권장 | 웹 사이트 이미지, 블로그, 사진 업로드 |
| PNG | 높음 | 무손실 압축, 투명 배경 지원 | 조건부 권장 | 로고, 아이콘, 복잡한 그래픽 |
| GIF | 낮음 ~ 중간 | 무손실 압축, 애니메이션 지원 | 조건부 권장 | 간단한 애니메이션, 아이콘 |
| SVG | 낮음 | 벡터 기반, 확장성 높음 | 강력 권장 | 아이콘, 다이어그램, 복잡한 그래픽 |
| WebP | 낮음 ~ 중간 | 손실 및 무손실 압축, 애니메이션 지원 | 강력 권장 | 웹 최적화 이미지, 다목적 웹 그래픽 |
| HEIF | 낮음 | 고효율 이미지 파일 포맷, 손실 압축 | 특정 상황에서 권장 | 고화질 이미지, 모바일 기기 |
그리고 그 이미지 용량을 확인해보니 png용량이 대략 800kb로 jpg일때 비해 10배이상 용량이 커지는겁니다. 그래서 이에 대하여 jpg로 업로드한 이미지가 티스토리에서도 png로 저장이되느가?
그리고 티스토리에 업로드했다가 지운 파일은 티스토리 서버에서도 지워지느가입니다. 이를 확인하기 위해 티스토리 백업기능을 통해 이미지를 테스트해보았습니다.
JPEG 파일의 메타정보 소실
우선 티스토리에 업로드된 JPEG 파일을 백업으로 다운로드 받아 확인해보니 이미지의 메타정보가 사라지는 것을 확인했습니다.
| 메타데이터 유형 | 설명 |
|---|---|
| EXIF (Exchangeable Image File Format) | 카메라 설정, 모델, 제조사, 정확한 촬영 시간, ISO 속도, 셔터 속도, 조리개 값, 초점 거리, 사용된 렌즈 종류 등 카메라와 촬영에 관한 상세 정보 |
| IPTC (International Press Telecommunications Council) | 뉴스 기관에서 사용하는 표준으로, 사진 제목, 작성자, 저작권 정보, 촬영 장소, 키워드, 설명 등이 포함되며 주로 미디어 관리에 사용 |
| XMP (Extensible Metadata Platform) | 어도비 시스템즈에서 개발한 표준으로, EXIF 및 IPTC 정보 외에도 PDF, JPEG, GIF, PNG, TIFF 등 다양한 파일 포맷에서 사용되며, 사용자가 임의로 메타데이터를 추가할 수 있는 확장성을 제공 |
| GPS Data | 이미지가 촬영된 위치의 위도, 경도, 고도 정보 |
| Thumbnail Image | 원본 이미지의 축소판 이미지, 미리보기나 빠른 로딩을 위해 사용 |
이는 사진에 포함된 추가 정보가 SEO에 직접적인 영향을 미치지 않으므로, 이미지 업로드 전 메타데이터 수정을 굳이 할 필요없이 그대로 올리는게 좋을거 같습니다.
이미지 포맷 변환의 문제점
이미지를 티스토리 내에서 보정할 때, 파일이 자동으로 PNG로 변환되면서 파일 크기가 크게 증가된다느것을 확인했습니다.
너무나 충격적인 부분인데 우선 실험 결과, 원본 JPEG 대비 PNG 파일은 용량이 10배 이상 커질 수 있음을 확인했고 이는 서버의 저장 공간을 불필요하게 많이 사용하고, 로딩 속도를 저하시킬 수 있는 주요 원인입니다.
하지만 백업된 티스토리를 다운로드 받아 티스토리에서 자체편집한 이미지는 서버에는 png파일로 저장되지 않는것을 확인해봤느데 우선 이부분은 좀 찜찜하기 때문에 될 수 있다면 티스토리 자체서버에서 이미지 편집하거나 보정하느것은 하지 않느게 좋을거 같습니다.
파일 삭제와 서버 용량 관리
실험을 통해 티스토리에서 이미지 파일을 삭제하면, 서버에서도 해당 파일이 제거되느지 궁금했느데 다행히 티스토리에서 삭제한 이미지는 백업된 파일에도 삭제되느것을 확인했습니다.
따라서, 불필요한 이미지 파일을 적극적으로 관리하면 서버의 용량을 효과적으로 줄이고, 사이트의 전체적인 성능을 개선할 수 있으며 저 같은 경우 사진을 50장 이상 png 파일로 업로드한 포스팅의 경우 웹페이지가 극단적으로 버벅거리는걸 느꼇느데 이런 포스팅을 찾아 jpg나 webp로 변환하여 닷 ㅣ업로드하느게 좋을거 같습니다.
우선 너무나 충격적인 이번 티스토리 실험이였는데 티스토리 언제 망할지 그리고 계정정지 시 DB를 새로 활용할 때 번거롭기 때문에 용량이 큰 이미지들이 있다면 미리 티스토리 운영이 가능할때 최적화를 해주느것이 로딩속도나 티스토리에서 워드프레스로 마이그레이션할 때 서버용량을 절약할 수 있을거 같습니다.