티스토리 이미지를 워드프레스에 URL로 삽입 후 엑박 현상이 나타나는 경우

트래픽을 절감하거나 서버의 저장 공간이 부족하여 이미지를 티스토리에 업로드한 다음, 이미지 URL로 워드프레스 등에 이미지를 삽입하는 사용자들이 있습니다. 이 방법을 이용하면 당장 트래픽을 절감하여 이득이지만, 시간이 지나면서 이미지가 카카오 서버에서 삭제되면서 이미지가 깨져 보일 수 있습니다.

이미지를 티스토리 등 외부 서버에 업로드하여 이미지 URL로 삽입하는 경우, 외부 서버에서 이미지가 삭제되거나 차단될 리스크가 있다는 점을 인식하는 것이 중요합니다. 이런 사태가 발생하더라도 이미지들을 PC나 클라우드 스토리지 등에 백업하여 별도로 저장하는 것이 안전할 수 있습니다.

📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법 (+45% 쿠폰)

워드프레스에서 저장 공간이 부족한 경우

카페24의 저가 상품을 이용하거나 너무 많은 이미지를 업로드하는 경우 웹 용량이 빠르게 소진될 수 있습니다. 저장 공간이 부족하게 되면 이미지 업로드와 관련하여 많은 스트레스를 받을 수 있습니다.

이미지를 압축하여 이미지 용량 줄이기

이미지를 업로드하기 전에 이미지를 WEBP 포맷으로 변환하고 이미지 압축 사이트에서 추가로 압축하면 이미지 크기를 크게 줄일 수 있습니다.

이미지 용량이 작으면 저장 공간을 아낄 수 있고 웹 트래픽도 절감할 수 있습니다. 또한, 페이지 로딩 속도도 개선되어 SEO에 긍정적으로 작용합니다.

무료 WebP 변환 프로그램 - 꿀뷰 이미지 뷰어 - 워드프레스 정보꾸러미

상품을 업그레이드하거나 가성비 좋은 웹호스팅으로 변경

웹 용량 압박으로부터 벗어나려면 웹호스팅 상품을 업그레이드하거나 가성비 좋은 웹호스팅으로 바꾸는 것을 고려할 수 있습니다. 블루호스트와 같은 해외 공유호스팅이 저렴하고 가성비가 좋은 편입니다만, 블루호스트는 미국 서버만 제공하기 때문에 우리나라에서는 속도가 느리다는 불만이 많습니다.

블루호스트와 비슷한 레벨의 웹호스팅인 케미클라우드(ChemiCloud)는 작년 7월 말에 서울 서버를 도입하면서 우리나라에서도 빠른 속도를 제공하여 우리나라 사용자들이 증가하고 있습니다.

ChemiCloud 워드프레스 호스팅 서울 서버 리전 추가 (+ 가입 방법) - 워드프레스 정보꾸러미

비슷한 호스팅으로 패스크코멧(FastComet)이 있습니다. 패스트코멧은 서울 서버를 제공하지 않지만 도쿄 서버를 제공하므로 도쿄 서버를 선택할 수 있습니다. 도쿄 서버는 서울 서버에 비해 속도가 느린 편이지만, 그래도 사이트 최적화를 잘하면 속도가 괜찮게 나올 수 있습니다.

티스토리에 이미지를 업로드하여 워드프레스에 URL로 삽입하기

웹서버 용량을 늘리지 않는 방법으로 티스토리 블로그에 이미지를 업로드한 다음, 이미지 URL을 사용하여 워드프레스에 이미지를 삽입하는 방법이 있습니다.

이 방법은 장단점이 있습니다.

1. 이미지 업로드 공간을 절감할 수 있다.
2. 이미지 로드로 인한 트래픽을 절감할 수 있다.
3. 파일을 티스토리에 업로드한 다음 공유해야 하기 때문에 불편하다.
4. 추후 티스토리 서버에서 이미지가 삭제되거나 티스토리에서 이미지 외부 참조를 차단하는 경우 이미지가 깨져서 보이게 된다.

외부 이미지를 워드프레스에 삽입하는 방법

워드프레스에서 그림 파일을 삽입하려는 경우 블록 에디터에서 '슬래쉬(/)'를 입력하거나 '/이미지'를 입력하여 이미지 블럭을 선택할 수 있습니다.

이미지 블럭에서 이미지를 업로드하거나 미디어 라이브러리에서 선택할 수 있습니다. 또한, 외부 이미지 URL을 입력하여 삽입하는 것도 가능합니다. 외부 이미지 URL로 삽입하려면 'URL에서 삽입' 버튼을 누릅니다.

입력 필드가 표시되면 이미지 URL을 붙여넣거나 URL을 직접 입력하여 삽입합니다.

이미지 URL로 삽입한 외부 이미지가 엑박으로 표시되는 경우

외부 서버의 이미지를 URL로 삽입한 경우 언제라도 이미지가 차단되거나 미디어 파일이 서버에서 삭제될 가능성이 있습니다. 이미지가 차단되거나 삭제되면 URL로 추가한 이미지가 엑박으로 표시됩니다.

위의 그림과 같이 이미지가 깨져 표시된다면 이미지 URL을 확인하여 해당 이미지 파일이 실제로 외부 서버에서 삭제되었는지 여부를 체크해 보시기 바랍니다.

파일이 외부 서버에서 삭제되거나 외부 참조가 금지되어 더 이상 해당 이미지를 이용할 수 없다면 문제의 이미지를 찾아서 워드프레스에서 다시 업로드해야 합니다.

네이버의 경우 오래 전부터 네이버 블로그 등에 업로드한 이미지를 외부에서 URL로 삽입하는 것을 금지하고 있습니다. 티스토리는 아직 외부에서 URL로 삽입하는 것을 금지하지는 않지만, 간혹 오래된 이미지들이 카카오 서버에서 삭제되는 경우가 있습니다.

워드프레스 사이트에 티스토리에 업로드한 미디어 파일을 URL로 삽입하였다면, URL로 삽입한 이미지들이 포함된 게시글을 데이터베이스에서 검색할 수 있습니다. 예를 들어, 문제의 파일의 URL이 blog.kakaocdn.net으로 시작한다면 다음과 같은 MySQL 쿼리를 실행할 수 있습니다.

-- 테이블 프리픽스가 wp_가 아니라면 바꿔서 사용하세요.
SELECT
	ID,
	post_type,
	post_status,
	post_title,
	post_date
FROM wp_posts
WHERE post_content LIKE '%https://blog.kakaocdn.net%';

예시로 제 메인 워드프레스 블로그에서 위의 쿼리를 실행해 보니 일부 포스트에 blog.kakaocdn.net으로 시작하는 이미지들이 포함되어 있네요.😄

상황에 맞게 상기 SQL 쿼리를 응용할 수 있습니다. 클라우드웨이즈(Cloudways)를 이용하는 경우 Launch Database Manager(데이터베이스 매니저 실행)를 클릭하여 DB에 접속할 수 있습니다.

카페24의 경우 phpMyAdmin 서비스가 보안상의 이유로 종료되었으므로 phpMyAdmin을 설치한 후에 상기 쿼리를 시도해 볼 수 있습니다. 케미클라우드나 패스트코멧은 cPanel에 로그인하여 phpMyAdmin에 접속할 수 있습니다.

참고

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)

https://avada.tistory.com/2299

GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)