способы изменить существующий скрипт php так, чтобы он отображал меньшие версии изображений,

Question

У меня на сайте есть скрипт, который отображает любые файлы изображений, которые я добавляю в определенную папку. Я использую эту папку как хранилище для любого цифрового искусства, которое я делаю. Таким образом, я могу просто сохранить файлы png из Photoshop или что-то еще прямо в эту папку, и они отобразятся на странице.

Проблема в том, что размеры файлов слишком велики, чтобы их можно было легко загружать, даже если они отображаются правильно. Класс .css - это средство изменения размера изображения.

Можете ли вы изменить размер изображения, не загружая его полностью? Возможно, я неправильно это понимаю, спасибо за вашу помощь.

<?php
    $dir = "../endlessdescriptionone/images/";
    $dh = opendir($dir);
    $gallery = array();
    while($filename = readdir($dh)) {
        $filepath = $dir.$filename;

        //pregmatch usedto be ereg
        if (is_file($filepath) and preg_match("/\.png$/",$filename)) {
            $gallery[] = $filepath;
        }
    }
    sort($gallery);

    foreach($gallery as $image) {
        echo"<img src='$image' class='resizesmall'>";
    }
?>

Answer 1

Проверьте phpthumb, он в значительной степени является де-факто генератором миниатюр и предлагает автоматическое кэширование для повышения скорости после первой загрузки.На самом базовом уровне все, что вам нужно сделать, это указать тег исходного изображения на скрипт phpthumb с необходимой шириной, высотой и расположением файла в строке GET.

Из-за лицензии phpthumb мне также пришлось создатьмой собственный простой превью для необычного случая.Если вы знакомы с сайтом документа PHP, вы можете собрать свой собственный миниатюрный инструмент за несколько часов и научиться чему-нибудь в процессе.

Если все это не удастся, вы можете сделать это вручную и загрузить двакопии вашего изображения, один большой и один с измененным размером, и только он отображает измененные размеры (т.е. только те, которые содержат «_thumb» в имени файла).

Answer 2

Обычно используется для отображения миниатюр (образцов) больших изображений, а затем при выборе: загрузка или просмотр.

Вы можете создать миниатюру непосредственно из фотошопа.

Answer 3

Нет, вы не можете использовать CSS для уменьшения фактического разрешения изображения, загружаемого браузером.

То, что вы могли бы сделать, это иметь другой скрипт, который используется внутри тега img src, который загружаетизображение и его размеры перед выводом.