Ресайз картинок на лету (для Битрикса и не только)

Битрикс - хорошая (отличной не назовёшь) система управления сайтами. И всё в ней хорошо, даже API есть, если не хватает компонентов (а мне, последнее время, попадаются как-раз специфические задачи, которые компонентами не решить).

Так вот, неоднократно мне понадобилось обжимать картинки на Битрикс-сайтах.
Встроенный CFile::ShowImage() всего-навсего задаёт width и height у картинок, что, в большинстве случаев, неприемлемо. Так и был придуман этот незаурядный способ ресайза картинок на лету.

Итак, по порядку:

1. Создаём папку resized в корневой директории сайта (mkdir resized)
2. Создаём resize.php в корне, со следующим содержимым:

   <?php
    
   if ( $_GET['f'] && ($_GET['x'] && $_GET['x'] <= 1440) ) {
    createThumb( '.' . base64_decode( $_GET['f'] ), ('./resized/' . $_GET['f'] . '>' .$_GET['x']), $_GET['x'] );
   }
    
   function createThumb($resource, $dest, $x_scale) {
           $check = GetImageSize ( $resource );
           $y_scale = floor ( $x_scale / ( $check [0] / $check [1] ) );
           $im_dest = imagecreatetruecolor ( $x_scale, $y_scale );
    
           if ($check [2] == IMAGETYPE_JPEG) {
                   $im_src = ImageCreateFromJPEG ( $resource );
           } elseif ($check [2] == IMAGETYPE_GIF) {
                   $im_src = ImageCreateFromGIF ( $resource );
           } elseif ($check [2] == IMAGETYPE_PNG) {
                   $im_src = imagecreatefrompng ( $resource );
           }
    
           if ($im_src && ImageCopyResampled ( $im_dest, $im_src, 0, 0, 0, 0, $x_scale, $y_scale, $check [0], $check [1] )) {
                   if ($check [2] == IMAGETYPE_JPEG) {
        header('Content-type: image/jpeg');
                       return ImageJPEG ( $im_dest, $dest, 99 ) && ImageJPEG ( $im_dest, null, 99 );
                   } elseif ($check [2] == IMAGETYPE_GIF) {
        header('Content-type: image/gif');
                       return ImageGIF ( $im_dest, $dest, 99 ) && ImageGIF ( $im_dest, null, 99 );
                   } elseif ($check [2] == IMAGETYPE_PNG) {
        header('Content-type: image/png');
                       return imagepng ( $im_dest, $dest, 99 ) && imagepng ( $im_dest, null, 99 );
                   }
           }
           return 0;
   }
   ?>

3. Редактируем .htaccess (или создаём, если его нет):

   <IfModule mod_rewrite.c>
     RewriteEngine On
    
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^resized/([a-zA-Z0-9=]+)>([0-9]{1,3})$ /resize.php?f=$1&x=$2 [QSA,L]
   </IfModule>

4. Добавляем хелпер в /bitrix/header.php (или другой файл, который инклудится везде):

   <?php
   // Bitrix line
   require_once($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog.php");
    
   // Our helper
   function resizeHelper( $path, $x, $addi = '' ) {
    $path = '/resized/' 
     . base64_encode( 
      ((string)(float)$path === (string)$path) 
       ? CFile::GetPath( $path ) 
       : $path 
     ) 
     . '>' . $x;
    return '<img src="' . $path .'" width="' . $x . '"' . $addi . '/>';
   }
    
   ?>
    

5. Вот и всё :)

Параметры resizeHelper():

1. $path - путь к картинке или её Битрикс ID (что обычно и возвращается из инфоблока);
2. $x - необходимая ширина картинки (высота вычисляется автоматически, пропорционально ширине);
3. $addi - дополнительные параметры тега <img/>, которые будут просто вставлены (например, style="border:1px solid #666;padding:2px;margin-right:15px").

В папке /resized сохраняются картинки с новыми размерами (для каждого размера картинки - отдельный файл) - при повторном запросе, будет возвращена уже уменьшенная картинка (для этого-то мы и редактировали .htaccess).

Пример использования:

<?php
CModule::IncludeModule("iblock");
 
// Bitrix API GetList()
$x = CIBlockElement::GetList(
 array(
  'RAND' => 'ASC',
 ), 
 array(
    'IBLOCK_ID'=> 8, 
    '>=DATE_ACTIVE_TO' => ConvertTimeStamp(
   mktime(
    0, 0, 0, 
    date( 'n' ), 
    date( 'j' )
   ), 
   'FULL' 
  ),
  '!PROPERTY_IMAGE_LEFT_VALUE' => 'false',
  //'ID' => 69
 ),
 false,
 array(
  //'nTopCount' => 1
 ),
 array(
  'IBLOCK_ID',
  'PROPERTY_image_left',
  'NAME',
  'PREVIEW_TEXT',
  'DETAIL_PAGE_URL',
  'PREVIEW_PICTURE'
 )
);
 
// Iterate over it
while ( $x && ($s = $x->GetNext()) ) {
 if ( ($i = $s['PROPERTY_IMAGE_LEFT_VALUE']) or ($i = $s['PREVIEW_PICTURE']) ) {
 // Below is out helper: put image $i (int or str), 330px wide, with border-styling (style="")
 ?>
  <div><a href="<?=$s['DETAIL_PAGE_URL']?>"><?=resizeHelper($i, 330, 'style="border: 5px solid #fff;"')?></a></div>
  <div class="info">
   <h2><?=$s['NAME']?></h2>
   <p>
    <?=$s['PREVIEW_TEXT']?> <br><br>
    <a class="more_1" href="<?=$s['DETAIL_PAGE_URL']?>">подробнее</a>
   </p>
  </div>
 <?
  break;
 } else {
  continue;
 }
}
?>