php gd 라이브러리를 이용한 이미지 리사이징 (webp)

5년전과 지금의 이미지 서비스 환경

php gd 라이브러리 설치

sudo apt update
sudo apt install php-gdCopy

; <- 주석 해제
extension=gdCopy

brew install gd
brew services restart phpCopy

# Ubuntu/Debian
sudo apt update
sudo apt install libwebp-dev
sudo apt install php-gd

#CentOS/RHEL
sudo yum install libwebp-devel
sudo yum install php-gd
sudo systemctl restart php-fpm
sudo systemctl restart httpdCopy

./configure --with-gd --with-webp --with-jpeg --with-png --with-zlib
make
sudo make installCopy

# php7.3 까지
docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ --with-webp-dir=/usr/include/

# php7.4 부터
docker-php-ext-configure gd --with-freetype --with-jpeg --with-webpCopy

업로드시 webp 형식으로 이미지 다운 스케일링

public function uploadFile(Request $request)
{
    $file = $request->file('file');
    $uploadPath = 'editor';
    $originFilePath = $file->store($uploadPath, 's3'); // S3에 파일 업로드

    if ($originFilePath) {
        $fileSize = $file->getSize(); // 파일 크기 (바이트 단위)
        $imagePath = $file->getPathname();
        $imageInfo = getimagesize($imagePath);
        $mime = $imageInfo['mime'];
        $width = $imageInfo[0]; // 이미지의 가로 길이 (픽셀 단위)

        // 원본 파일명을 기반으로 최적화된 파일명 생성
        $originFileName = pathinfo($originFilePath, PATHINFO_FILENAME);
        $originFileExtension = pathinfo($originFilePath, PATHINFO_EXTENSION); // 원파일 확장자는 url 뒤에 붙여 반환

        // 파일 크기가 0.05MB 이상일 경우 최적화 수행
        if ($fileSize > 0.05 * 1024 * 1024) {
                $height = $imageInfo[1];
            $image = imagecreatefromstring(file_get_contents($imagePath));

            if ($width > 600) {
                // 가로가 600px 초과인 경우, 900px 변환작업 (1.5 배수)
                $newWidth = 900;
                $newHeight = floor($height * ($newWidth / $width));
            } else {
                $newWidth = $width;
                $newHeight = $height;
            }

            // 최적화된 이미지 생성
            $tmpImage = imagecreatetruecolor($newWidth, $newHeight); // 임시 이미지 생성
            imagecopyresampled($tmpImage, $image, 0, 0, 0, 0, $newWidth, $newHeight, $width, $height); // 이미지 리사이즈

            ob_start();
            /*
            if ($mime == 'image/webp') {
                // WebP 형식으로 저장
                imagewebp($tmpImage, null, 80); // 품질 80
            } else {
                // JPEG 형식으로 저장
                imagejpeg($tmpImage, null, 80); // 품질 80
            }
            */
            // 무조건 이미지를 webp로 저장
            imagewebp($tmpImage, null, 50);
            $optimizedImage = ob_get_clean(); // 출력된 이미지를 변수에 저장

            imagedestroy($image); // 원본 이미지 메모리 해제
            imagedestroy($tmpImage); // 임시 이미지 메모리 해제

            // 최적화된 파일을 임시 경로에 저장
            $tmpFilePath = tempnam(sys_get_temp_dir(), 'optimized_image');
            file_put_contents($tmpFilePath, $optimizedImage);

            // 확장자 변경 처리
            $optimizedFileExtension = 'webp'; // webp로 확장자 변경
            $optimizedFileName = $originFileName . '_optimized.' . $optimizedFileExtension;
            $optimizedFilePath = $uploadPath . '/' . $optimizedFileName;

            // 최적화된 파일을 S3에 업로드
            Storage::disk('s3')->put($optimizedFilePath, file_get_contents($tmpFilePath));

            // 임시 파일 삭제
            unlink($tmpFilePath);
        }

        $result = array('path' => $originFilePath);
    }
}

return json_encode($result);Copy

파일 리사이징 결과

365KB -> 33KB

실제 테스트에 사용된 이미지, 클릭하면 원본이미지가 나옵니다.

결론