---
title: "Интерфейс «Images»"
description: Знакомимся с интерфейсом cPanel, который позволяет выполнять различные операции с файлами изображений
navigation: true

badges:
  - value: Веб-хостинг
    to: /shared-hosting
    target: _self
    icon: lucide:layout-template

authors:
  - name: Sherali Salomidinov
    username: coderplusdesigner
---

:badge[cPanel v136.0.28]{type="info"}

:read-more{icon="lucide:link" title="Официальное руководство" to="https://go.cpanel.net/Images" target="_blank"}

---

В веб-проектах загрузка изображений на хостинг-сервер и нормализация их размеров (создание миниатюр, конвертация, изменение размера) сейчас выполняются на стороне BackEnd. То есть сам backend-фреймворк может создавать миниатюру изображения прямо в процессе загрузки и настраивать ее использование.

До этого момента всё было статичным, и даже сейчас некоторые проекты остаются статичными (без базы данных и структуры бэкенда).

Независимо от того, считаем ли мы это полезным или нет, cPanel предоставляет отдельный интерфейс для работы с изображениями — Images.

::color-mode-image
---
srcLight: /images/shared-hosting/en/images_1.png
srcDark: /images/shared-hosting/en/images_1.png
alt: Fig1 | Images Interface
---
::

Также для рассматриваемых ниже случаев мы добавили тестовое изображение в папку поддомена `shop.scroll.uz/images`:

::color-mode-image
---
srcLight: /images/shared-hosting/en/images_2.png
srcDark: /images/shared-hosting/en/images_2.png
alt: Fig2 | Images Interface
---
::

## Scaler — изменение размера изображения

::steps{level=5}

  ##### Нажимаем на ссылку «Scaler» в интерфейсе «Images» и в открывшейся странице, похожей на менеджер файлов, находим файл, размер которого нужно изменить

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_3.png
  srcDark: /images/shared-hosting/en/images_3.png
  alt: Fig3 | Images Interface
  ---
  ::

  ##### На странице изменения размера указываем нужные параметры и нажимаем кнопку «Scale Image»

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_4.png
  srcDark: /images/shared-hosting/en/images_4.png
  alt: Fig4 | Images Interface
  ---
  ::

  ##### В результате будет создано 2 типа файлов

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_5.png
  srcDark: /images/shared-hosting/en/images_5.png
  alt: Fig5 | Images Interface
  ---
  ::

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_6.png
  srcDark: /images/shared-hosting/en/images_6.png
  alt: Fig6 | Images Interface
  ---
  ::
  
  1. Оригинал изображения с префиксом `old-`;
  2. Измененная версия сохранится под исходным именем файла.

::

## Thumbnailer — создание миниатюр изображений

> По своей функции «Thumbnailer» похож на «Scaler», но его можно применять сразу к целой папке с изображениями.

::steps{level=5}

  ##### Нажимаем на ссылку «Thumbnailer» в интерфейсе «Images» и в открывшейся странице находим папку, размер изображений в которой нужно изменить

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_7.png
  srcDark: /images/shared-hosting/en/images_7.png
  alt: Fig7 | Images Interface
  ---
  ::

  ##### Задаем необходимые параметры изменения размера и нажимаем кнопку «Thumbnail Images»

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_8.png
  srcDark: /images/shared-hosting/en/images_8.png
  alt: Fig8 | Images Interface
  ---
  ::

  ##### В результате внутри папки с изображениями появится папка «thumbnails», где будут созданы новые файлы с измененным размером и префиксом `tn_` перед именем файла

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_9.png
  srcDark: /images/shared-hosting/en/images_9.png
  alt: Fig9 | Images Interface
  ---
  ::

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_10.png
  srcDark: /images/shared-hosting/en/images_10.png
  alt: Fig10 | Images Interface
  ---
  ::

::

## Converter — изменение расширения изображений

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

::steps{level=5}

  ##### Нажимаем на ссылку «Converter» в интерфейсе «Images» и в открывшейся странице выбираем папку, содержащую файлы для конвертации (также можно выбрать конкретный файл изображения внутри папки)

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_11.png
  srcDark: /images/shared-hosting/en/images_11.png
  alt: Fig11 | Images Interface
  ---
  ::

  ##### Выбираем целевой формат изображения и нажимаем кнопку «Convert»

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_12.png
  srcDark: /images/shared-hosting/en/images_12.png
  alt: Fig12 | Images Interface
  ---
  ::

  ##### В результате появятся копии наших изображений в выбранном расширении

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_13.png
  srcDark: /images/shared-hosting/en/images_13.png
  alt: Fig13 | Images Interface
  ---
  ::

  ::color-mode-image
  ---
  srcLight: /images/shared-hosting/en/images_14.png
  srcDark: /images/shared-hosting/en/images_14.png
  alt: Fig14 | Images Interface
  ---
  ::

::

---

**Source URL:** https://support.hostmaster.uz/ru/shared-hosting/cpanel/files-section/images-interface