PHP 학습 단계: 이미지 로딩을 최적화하는 방법-PHP 튜토리얼-php.cn

PHP 학습 단계: 이미지 로딩을 최적화하는 방법

王林

풀어 주다： 2023-08-18 12:06:01

원래의

1249명이 탐색했습니다.

PHP 학습 단계: 이미지 로딩을 최적화하는 방법

현대 웹 개발에서 이미지 로딩 최적화는 중요한 주제입니다. 웹 디자인의 발전으로 이미지는 페이지의 필수적인 부분이 되었습니다. 그러나 이미지가 너무 크거나 최적화되지 않으면 웹페이지 로드 속도가 느려져 사용자 경험에 영향을 줄 수 있습니다. 따라서 이미지 로딩을 최적화하는 방법을 배우는 것은 모든 PHP 개발자가 숙달해야 하는 기술입니다.

다음은 이미지 로딩을 최적화하기 위해 일반적으로 사용되는 몇 가지 방법과 해당 PHP 코드 예제를 소개합니다. 압축된 이미지, 지연 로딩 및 바이트 스트림 출력을 확장하겠습니다.

이미지 압축

이미지 압축은 이미지 로딩을 최적화하기 위해 일반적으로 사용되는 방법입니다. 파일 크기를 줄이면 이미지가 네트워크를 통해 이동하는 데 걸리는 시간을 줄일 수 있습니다. PHP는 이미지를 압축하는 다양한 방법을 제공합니다. 다음은 GD 라이브러리를 기반으로 한 샘플 코드입니다.

<?php
// 原始图片路径
$source_path = '/path/to/source/image.jpg';

// 目标图片路径
$target_path = '/path/to/target/image.jpg';

// 打开原始图片
$source_image = imagecreatefromjpeg($source_path);

// 获取原始图片的尺寸
$width = imagesx($source_image);
$height = imagesy($source_image);

// 创建目标图片
$target_image = imagecreatetruecolor($width, $height);

// 压缩原始图片到目标图片
imagecopyresampled($target_image, $source_image, 0, 0, 0, 0, $width, $height, $width, $height);

// 保存目标图片
imagejpeg($target_image, $target_path);

// 释放内存
imagedestroy($source_image);
imagedestroy($target_image);
?>

로그인 후 복사

위 코드에서는 GD 라이브러리에서 제공하는 함수를 사용하여 이미지를 압축합니다. 먼저 imagecreatefromjpeg() 함수를 통해 원본 이미지를 연 다음 크기를 가져옵니다. 그런 다음 원본 이미지와 동일한 크기의 대상 이미지를 만들고 imagecopyresampled() 함수를 사용하여 원본 이미지를 대상 이미지로 압축합니다. 마지막으로 imagejpeg() 함수를 사용하여 대상 이미지를 저장하고 메모리를 해제합니다. imagecreatefromjpeg()函数打开原始图片，然后获取其尺寸。接下来，创建一个与原始图片尺寸相同的目标图片，使用imagecopyresampled()函数将原始图片压缩到目标图片中。最后，使用imagejpeg()函数保存目标图片，并释放内存。

延迟加载

延迟加载是一种优化图片加载的方法，可以减少页面的加载时间。通过延迟加载，我们可以将图片的加载推迟到用户浏览到页面中需要的时候再进行。下面是一个简单的延迟加载的PHP代码示例：

<?php
// 原始图片路径
$source_path = '/path/to/source/image.jpg';

// 占位图片路径
$placeholder_path = '/path/to/placeholder/image.jpg';

// 替代属性
$alt = '图片';

// 输出占位图片
echo "<img src='{$placeholder_path}' data-original='{$source_path}' alt='{$alt}' class='lazyload' />";
?>

<script src="https://cdn.jsdelivr.net/npm/lazyload/lazyload.min.js"></script>
<script>
// 延迟加载配置
lazyloadConfig = {
    elements_selector: ".lazyload",
    callback_reveal: function(element) {
        element.src = element.getAttribute('data-original');
    }
};

// 初始化延迟加载
LazyLoad.init(lazyloadConfig);
</script>

로그인 후 복사

上述代码中，我们首先输出一个带有占位图片和延迟加载配置的<img alt="PHP 학습 단계: 이미지 로딩을 최적화하는 방법" >标签。其中data-original属性指向原始图片路径，class属性为lazyload。然后在页面底部引入延迟加载的JavaScript库，并通过初始化配置来延迟加载所有带有lazyload类的图片。当用户浏览到需要加载图片的位置时，延迟加载库会将原始图片路径赋值给src属性，实现延迟加载。

字节流输出

字节流输出是一种优化图片加载的方法，可以减少图片在网络中的传输时间。通过直接将图片的字节流输出到浏览器，可以避免使用磁盘中的临时文件。下面是一个使用字节流输出图片的PHP代码示例：

<?php
// 图片路径
$image_path = '/path/to/image.jpg';

// 获取图片的MIME类型
$mime_type = mime_content_type($image_path);

// 设置响应头
header('Content-Type: '.$mime_type);

// 输出图片字节流
readfile($image_path);
?>

로그인 후 복사

上述代码中，我们首先使用mime_content_type()函数获取图片的MIME类型，并通过header()函数设置响应头。然后通过readfile()

지연 로딩은 이미지 로딩을 최적화하는 방법으로, 페이지 로딩 시간을 줄일 수 있습니다. 지연 로딩을 통해 사용자가 페이지를 탐색해야 할 때까지 이미지 로딩을 연기할 수 있습니다. 다음은 간단한 지연 로딩 PHP 코드 예입니다.

<img alt="PHP 학습 단계: 이미지 로딩을 최적화하는 방법" >

data-original

class

lazyload

src

mime_content_type()

header() 함수는 응답 헤더를 설정합니다. 그런 다음 <code>readfile()

위 내용은 PHP 학습 단계: 이미지 로딩을 최적화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!