상품 이미지 자동 최적화 & WebP 변환
쇼핑몰은 상품 이미지가 많아 트래픽과 로딩 속도 문제가 자주 발생하는데, 업로드 시 원본 이미지를 서버에서 자동 리사이즈(썸네일)하고, 동시에 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개
2개월 전
이걸 어디에 적용하는걸까요?
개인적으로 포토샵 에서 변환해 올리고 있는데, 좋은정보 인것 같아 여쭤 봅니다.
2개월 전
libvips 쓰세요. nodejs 쪽이랑 다른데는 다 이거로 갈아탔어요
게시판 목록
영카트5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 431 | 2개월 전 | 132 | ||
| 430 | 2개월 전 | 162 | ||
| 429 | 2개월 전 | 193 | ||
| 428 |
선택과집중
|
2개월 전 | 237 | |
| 427 |
선택과집중
|
2개월 전 | 388 | |
| 426 |
비버팩토리
|
3개월 전 | 358 | |
| 425 |
선택과집중
|
3개월 전 | 263 | |
| 424 |
선택과집중
|
3개월 전 | 393 | |
| 423 |
선택과집중
|
3개월 전 | 364 | |
| 422 |
선택과집중
|
3개월 전 | 331 | |
| 421 |
선택과집중
|
4개월 전 | 382 | |
| 420 | 4개월 전 | 421 | ||
| 419 |
선택과집중
|
4개월 전 | 361 | |
| 418 |
세르반데스
|
4개월 전 | 329 | |
| 417 |
선택과집중
|
4개월 전 | 417 | |
| 416 |
선택과집중
|
4개월 전 | 329 | |
| 415 |
선택과집중
|
5개월 전 | 362 | |
| 414 |
선택과집중
|
5개월 전 | 378 | |
| 413 |
선택과집중
|
5개월 전 | 463 | |
| 412 |
선택과집중
|
6개월 전 | 405 | |
| 411 |
선택과집중
|
6개월 전 | 315 | |
| 410 |
다케미카코
|
8개월 전 | 830 | |
| 409 |
다케미카코
|
8개월 전 | 582 | |
| 408 | 8개월 전 | 567 | ||
| 407 |
 Ayaan |
10개월 전 | 925 | |
| 406 | 11개월 전 | 1018 | ||
| 405 |
 dkstmdc |
11개월 전 | 557 | |
| 404 | 1년 전 | 1272 | ||
| 403 | 1년 전 | 743 | ||
| 402 | 1년 전 | 776 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기