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

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

· 1개월 전 · 351 · 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 쪽이랑 다른데는 다 이거로 갈아탔어요

게시글 목록

번호 제목
2503
2501
2497
2495
2491
2490
2489
2486
2484
2483
2481
2476
2475
2474
2472
2469
2467
2466
2465
2464
2463
2460
2459
2456
2449
2446
2441
2420
2419
2417