테스트 사이트 - 개발 중인 베타 버전입니다

상품 이미지 자동 최적화 & WebP 변환

· 1개월 전 · 348 · 2

쇼핑몰은 상품 이미지가 많아 트래픽과 로딩 속도 문제가 자주 발생하는데, 업로드 시 원본 이미지를 서버에서 자동 리사이즈(썸네일)하고, 동시에 WebP 형식으로 변환해 저장하면 브라우저 호환성을 유지하면서 속도를 크게 개선할 수 있음. 예를 들어 GD 또는 ImageMagick 라이브러리를 활용해 it_img1, it_img2 업로드 시 JPG/PNG는 원본+리사이즈본+WebP 버전 세 가지를 생성하고, 출력할 때 브라우저가 WebP를 지원하면 WebP를 먼저 제공함.

 

function convert_to_webp($source, $destination, $quality=80) {
    $img = imagecreatefromstring(file_get_contents($source));
    if($img !== false) {
        imagewebp($img, $destination, $quality);
        imagedestroy($img);
        return true;
    }
    return false;
}
 

이렇게 하면 모바일 환경에서 특히 페이지 속도가 빨라지고, 구글 SEO 점수(페이지 속도 평가)에도 유리하며, 서버 트래픽 절감 효과까지 얻을 수 있음.

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

1개월 전

이걸 어디에 적용하는걸까요?

개인적으로 포토샵 에서 변환해 올리고 있는데, 좋은정보 인것 같아 여쭤 봅니다.

libvips 쓰세요. nodejs 쪽이랑 다른데는 다 이거로 갈아탔어요

게시글 목록

번호 제목
2169
2168
2167
2158
2146
2140
2130
2114
2102
2095
2084
2075
2072
2070
2069
2065
2058
2056
2055
2054
2049
2038
2036
1989
1956
1923
1918
1904
1892
1891