디자인필 컨텐츠몰

CONTENT MALL

디자인필 컨텐츠몰›DF 사진 최적화
DF 사진 최적화

DF 사진 최적화

올리는 사진은 자동으로, 이미 올린 사진은 한 번에 가볍게

  • 디자인필이 고객님 사이트에 직접 설치
  • 사용 매뉴얼 제공

휴대폰으로 찍은 3~8MB 사진을 그대로 올리면 사이트가 느려지고 호스팅 용량도 금세 찹니다. 이 플러그인은 올리는 순간 사진 크기를 줄이고 WebP로 바꿔 보통 200~400KB로 만들고, 이미 올린 사진도 주소를 바꾸지 않고 한 번에 줄입니다. 사이트가 쓰는 전체 용량을 재서 막대로 보여 주고, 기준을 넘으면 메일로 알려 줍니다.

설치 환경WordPress 5.8 이상PHP 7.4 이상 (8.x 권장)
필요 플러그인없음함께 쓰면 좋아요: ON 가드, ON 이미지 설명
휴대폰모바일 화면 지원휴대폰에 맞게 자동 정리
설치디자인필이 직접 설치설치 후 사용법 안내

01주요 기능

이 플러그인으로 할 수 있는 일입니다.

  • 올릴 때 자동으로 줄이기

    관리자 미디어·게시판 등 사이트에 올라오는 JPG·PNG·WebP 사진을 긴 쪽 기준 최대 크기로 줄이고 정한 품질로 압축합니다. 그보다 작은 사진은 크기를 그대로 둡니다.

  • WebP로 바꾸기

    새로 올리는 JPG·PNG를 WebP로 저장해 같은 화질에서 25~35% 더 가볍게 합니다. 투명 배경 PNG는 그대로 유지되고, 움직이는 GIF는 바꾸지 않습니다. 서버가 지원하지 않으면 같은 형식으로 줄입니다.

  • 브라우저에서 먼저 줄이기

    관리자 화면에서 올릴 때 보내기 전에 브라우저에서 먼저 줄여 큰 사진도 업로드가 빨라지고 서버 부담이 줄어듭니다.

  • 이미 올린 사진 한 번에 정리

    파일 이름과 주소는 그대로 두고 용량만 줄이므로 사이트에서 사진이 깨지지 않습니다. 진행 막대와 「정리 중 120 / 860장 · 줄인 용량」이 실시간으로 보입니다. 250KB 미만의 작은 사진은 건너뜁니다.

  • 원본 백업 · 되돌리기

    줄이기 전 원본을 따로 보관해 두고, 마음에 들지 않으면 「되돌리기」로 원래대로 돌립니다. 결과를 확인한 뒤 「백업 지우기」를 눌러야 실제로 용량이 줄어듭니다.

  • 큰 원본 정리

    워드프레스가 화면에 쓰지 않으면서 따로 남겨 둔 큰 원본(-scaled 이전 파일)도 함께 정리할 수 있습니다.

  • 사이트 사용 용량 막대

    사진·파일, 프로그램, 데이터베이스, 사진 정리 백업으로 나눠 사용 용량을 재고, 계약 용량 대비 몇 %인지 막대로 보여 줍니다. 하루 한 번 자동으로 재고 알림판 위젯에도 나옵니다.

  • 용량 초과 알림 메일

    정한 기준(%)을 넘으면 넘어 있는 동안 7일에 한 번 메일로 알립니다. 메일에는 항목별 사용량이 함께 적힙니다.

  • 줄인 결과 합계

    화면 위에 올릴 때 줄인 사진 수, 이미 올린 사진 정리 수, 지금까지 줄인 용량이 늘 보입니다.

02방문자에게는 이렇게 보입니다

DF 사진 최적화 화면 예시
  • 방문자 화면의 모양은 그대로이고, 사진이 가벼워져 페이지가 빨리 열립니다.
  • 이미 올린 사진은 파일 이름·주소가 그대로라 본문·게시판의 사진이 깨지지 않습니다.
  • 휴대폰으로 찍은 사진이 옆으로 눕지 않게 방향을 바로잡아 저장합니다.
  • 새로 올린 사진은 WebP 형식으로 나가 휴대폰 데이터 사용량도 줄어듭니다.

03관리자에서 이렇게 설정합니다

코딩 없이 관리자 화면에서 고르고 적기만 하면 됩니다.

  1. 자동 줄이기 확인

    관리자 메뉴 「미디어 › 사진 최적화」에서 「올릴 때 자동 줄이기」 탭을 열어 자동 줄이기 사용, 최대 크기(긴 쪽 px), 압축 품질, WebP로 바꾸기를 확인하고 「저장」을 누릅니다.

  2. 이미 올린 사진 정리

    「이미 올린 사진 정리」 탭에서 원본 백업을 켠 채 「정리 시작」을 누릅니다. 진행 막대가 끝나면 사이트에서 사진을 확인합니다.

  3. 백업 지우거나 되돌리기

    사진이 괜찮으면 「백업 지우기」를 눌러 실제 용량을 줄이고, 마음에 들지 않으면 「되돌리기」로 원래대로 돌립니다.

  4. 용량 기준·알림 정하기

    「사용 용량」 탭에서 「지금 다시 재기」로 현재 용량을 보고, 계약 용량(GB)·알림 기준(%)·알림 받을 메일을 넣어 「저장」을 누릅니다.

DF 사진 최적화 관리자 설정 화면

관리자 설정 화면 예시

04설정할 수 있는 항목

관리자 화면에서 바꿀 수 있는 옵션을 모두 정리했습니다.

자동 줄이기사이트에 올라오는 사진을 올리는 순간 줄입니다.기본값: 사용
최대 크기긴 쪽 기준 px. 이보다 큰 사진만 줄입니다. 800~6000 사이.기본값: 1920px
압축 품질낮을수록 가볍고 높을수록 선명합니다. 권장 80~85, 50~100 사이.기본값: 82
WebP로 바꾸기새로 올리는 JPG·PNG를 WebP로 저장합니다. 서버 지원 여부가 옆에 표시됩니다.기본값: 켬
브라우저에서 먼저 줄이기관리자 화면 업로드 시 보내기 전에 줄입니다.기본값: 켬
원본 백업이미 올린 사진을 줄이기 전 원본을 보관해 「되돌리기」를 할 수 있게 합니다.기본값: 켬
큰 원본 정리워드프레스가 남겨 둔 -scaled 이전 큰 원본 파일도 정리합니다.기본값: 끔
계약 용량사용 비율을 계산할 기준 용량(GB). 호스팅 한도는 사이트 안에서 알 수 없어 여기 적은 값으로 계산합니다.기본값: 5GB
알림 기준계약 용량의 몇 %를 넘으면 알릴지 정합니다. 10~100 사이.기본값: 80%
알림 받을 메일용량 알림을 받을 주소. 여러 개는 쉼표(,)로 구분합니다.기본값: 직접 입력

05추천 대상 · 휴대폰 화면

이런 곳에 알맞습니다

  • 직원이 휴대폰 사진을 그대로 올려 페이지가 느려진 사이트
  • 시공 사례·갤러리처럼 사진이 계속 쌓이는 업체
  • 호스팅 용량이 부족하다는 안내를 받았거나 미리 관리하고 싶은 곳
  • 여러 사이트의 사용 용량을 한눈에 챙겨야 하는 관리 담당자

휴대폰에서는

방문자 화면에는 따로 보이는 것이 없고, 가벼워진 사진 덕분에 휴대폰에서 페이지가 더 빨리 열립니다. 휴대폰으로 바로 올린 사진도 자동으로 줄어듭니다.

06구매 전에 많이 묻는 질문

이미 올린 사진을 줄이면 본문의 사진이 깨지지 않나요?

깨지지 않습니다. 이미 올린 사진은 파일 이름·주소·형식을 그대로 두고 용량만 줄입니다. WebP로 바꾸는 것은 새로 올리는 사진에만 적용됩니다.

화질이 눈에 띄게 나빠지지 않나요?

기본 품질 82는 눈으로 차이를 느끼기 어려운 값이고, 1920px면 큰 모니터에서도 선명합니다. 결과가 줄어들지 않거나 더 커지면 원본을 그대로 둡니다.

정리했는데 용량이 그대로예요.

원본 백업을 켜 두면 원본이 따로 보관되어 있어서입니다. 사이트에서 사진을 확인한 뒤 「백업 지우기」를 누르면 실제로 용량이 줄어듭니다.

사진이 수천 장이어도 되나요?

됩니다. 몇 장씩 나눠 처리하며 진행 막대로 보여 줍니다. 정리가 끝난 사진은 다음에 다시 처리하지 않습니다.

GIF나 SVG도 줄이나요?

움직이는 GIF와 SVG는 그대로 둡니다. JPG·PNG·WebP 사진만 줄입니다.

07알아 두세요

  • 원본 백업을 끄고 정리하면 되돌릴 수 없으니, 호스팅 백업을 먼저 받아 두세요.
  • 「백업 지우기」를 누른 뒤에는 「되돌리기」를 할 수 없습니다.
  • 호스팅 계정 전체 한도는 사이트 안에서 알 수 없어, 설정에 적은 계약 용량으로 비율을 계산합니다.
  • WebP 변환은 서버가 지원할 때만 됩니다. 지원하지 않으면 같은 형식으로 줄입니다.