---
title: Обзор Droppics. Картинки в Joomla 3
description: Droppics – медиа-менеджер и слайдер картинок Joomla с возможностью увеличения (уменьшения) изображений. Поддержка видео
canonical_url: https://aleksius.com/joomla/rasshireniya/droppics
language: ru-RU
date: 2025-02-22T12:25:31Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/droppics.
markdown-tokens: 3340
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/droppics. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


#  Обзор Droppics. Картинки в Joomla 3 

- Тип – медиа-менеджер и слайдер картинок Joomla.
- [Купить Droppics у разработчика и без посредников](https://www.joomunited.com/products/droppics/?atid=5 "Без посредников и переплат").
 
- [Особенности Droppics](https://aleksius.com/joomla/rasshireniya/droppics#osobennosti-droppics "Особенности Droppics").
- [Редактирование галереи](https://aleksius.com/joomla/rasshireniya/droppics#redaktirovanie-galerei "Редактирование галереи").
- [Редактирование картинки в Joomla 3](https://aleksius.com/joomla/rasshireniya/droppics#redaktirovanie-kartinki-v-joomla-3 "Редактирование картинки в Joomla 3").
- [Настройки](https://aleksius.com/joomla/rasshireniya/droppics#nastrojki "Настройки").
- [Русификатор](https://aleksius.com/joomla/rusifikatory/rusifikator-droppics "Русификатор Droppics").
 
Droppics – удобный и функциональный медиа-менеджер Joomla с возможностью создания слайд-шоу, галерей и отдельных изображений. Есть встроенный редактор с возможностью увеличения (уменьшения) картинок и добавлением некоторых эффектов. Также можно использовать видео с YouTube, Vimeo и Dailymotion. Компонент удобный и весьма простой в использовании. Он интегрируется с редактором материалов Joomla и позволяет, не выходя со страницы редактирования материала, работать с картинками. Есть поддержка drag-and-drop. То есть, Вы можете менять порядок следования картинок и добавлять их в галереи простым перетаскиванием мыши. Помимо создания галерей, слайдеров и слайд-шоу можно вставлять в материалы Joomla отдельные картинки. Это значит, что, загрузив картинку в Droppics один раз, можно будет использовать её на разных страницах в разном «виде».

В предыдущих статьях мы уже рассматривали платные и бесплатные расширения для создания галерей и слайд-шоу: [OrdaSoft Image Gallery](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery "Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4"), [RSMediaGallery](https://aleksius.com/joomla/rasshireniya/rsmediagallery "Обзор RSMediaGallery. Галерея изображений Joomla"), [Simple Image Gallery](https://aleksius.com/joomla/rasshireniya/simple-image-gallery "Обзор Simple Image Gallery. Плагин галереи Joomla"), [Phoca Gallery](https://aleksius.com/joomla/rasshireniya/phoca-gallery "Обзор Phoca Gallery для Joomla 3"), [sigplus](https://aleksius.com/joomla/rasshireniya/sigplus "Обзор sigplus. Галерея в материале Joomla"), [DJ-MediaTools,](https://aleksius.com/joomla/rasshireniya/dj-mediatools "Обзор DJ-MediaTools. Слайдер Joomla") [Layer Slideshow](https://aleksius.com/joomla/rasshireniya/layer-slideshow "Обзор Layer Slideshow. Слайдер изображений Joomla") и [FW Gallery Grand](https://aleksius.com/joomla/rasshireniya/fw-gallery-grand "Обзор FW Gallery Grand. Фото и видео галерея Joomla").

Примеры можно увидеть на [демонстрационном сайте разработчика](https://www.joomunited.com/joomla-demo/droppics/video-screenshots/?atid=5 "Демонстрационный сайт Droppics").

В обзоре будет участвовать последняя, на момент написания статьи (27.12.2016), русскоязычная версия Droppics в Joomla 3.6.5. Редактор материалов TinyMCE 4.4.3. Шаблон админки Джумла – Isis 1.0, шаблон сайта – protostar 1.0.

На [официальном сайте расширений Joomla](https://extensions.joomla.org/extensions/extension/photos-a-images/galleries/droppics "Droppics") 35 отзывов, расширение добавлено 19 ноября 2014.

- Общий рейтинг – 100 из 100.
- Функциональность – 100 из 100.
- Простота использования – 100 из 100.
- Документация – 100 из 100.
- Поддержка – 100 из 100.
- Соотношение цена\\качество – 100 из 100.
 
Расширение платное, на [данный момент от $29](https://www.joomunited.com/products/droppics/?atid=5 "Купить Droppics у разработчика").

## <a id="osobennosti-droppics"></a>Особенности Droppics

Рассмотрим основные, на мой взгляд, особенности и возможности слайдера картинок Joomla 3.

**Разное.**

- Совместимость с Джумла 3.
- Переведён на [русский](https://aleksius.com/joomla/rusifikatory/rusifikator-droppics "Русификатор Droppics"), английский французский и португальский языки (рисунок ниже).
- Поддержка перетаскивания изображения мышью (drag-and-drop).
- Прост в управлении.
- Интеграция с редактором материалов Joomla (с любым).
- Возможность работы во фронтальной части сайта.
- Возможность импорта картинок Joomla (из папки «images») в Droppics для дальнейшей работы с ними.
- Навигация по галерее во фронтальной части реализована на основании AJAX, что не требует перезагрузки страницы.
- Поддержка разграничений прав доступа\\управления галереями на основании групп пользователей Джумла (Joomla ACL).
- Ускоренная загрузка галерей. Если Вас интересует вопрос ускорения сайта в целом, а также снижение нагрузки на сервер, ознакомьтесь со статьями «[Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla](https://aleksius.com/joomla/rasshireniya/jch-optimize-pro "Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla")» и «[Обзор JotCache. Кэширование Joomla 3](https://aleksius.com/joomla/rasshireniya/jotcache "Обзор JotCache. Кэширование Joomla 3")».
- HTML5 загрузчик изображений.
- Возможность загрузки изображений из папки на мобильных устройствах. Совместимость с iPhone, iPad и Android.
- Компонент полностью основан на фреймворке Joomla, что повышает вероятность его интеграции со сторонними расширениями.
- Интеграция с K2, FLEXIcontent, Zoo и различными CCK (от англ. Content Construction Kit— система создания контента или конструктор контента). Интеграция с любыми расширениями Joomla, которые поддерживают обработку плагинов содержимого (например, VirtueMart).
- Поддержка обновления компонента средствами самой CMS.
- Ограничения на размер загружаемых изображений.
- Наличие множества настроек.
- Наличие документации и обучающего\\демонстрационного видео (на английском языке).
 
 ![Картинки в Joomla 3](https://aleksius.com/images/joomla/rasshireniya/droppics/kartinki-v-joomla-3.png "Картинки в Joomla 3") Картинки в Joomla 3 **Поддерживаемые типы содержимого.**

- Картинки.
- Видео с YouTube, Vimeo и Dailymotion.
 
 ![Видео галерея](https://aleksius.com/images/joomla/rasshireniya/droppics/video-galereya.png "Видео галерея") Видео галерея **Редактирование картинок.**

- Увеличение (уменьшение) изображений Joomla (рисунок ниже). Картинки не масштабируются, а создаются отдельные изображения с заданным размером. Это положительно влияет на скорость загрузки сайта.
- Генерация миниатюр изображений. Автоматически при добавлении изображений или по запросу пользователя. Картинки хранятся в трёх «состояниях»: оригинальное, большое, миниатюра. Возможно задать свои собственные размеры, применяемые к изображениям при загрузке (это потом можно сменить).
- Сжатие изображений при их загрузке на сайт.
- Обрезка.
- Применение эффектов и фильтров (доступно более 30 вариантов).
- Отступы.
- Граница.
- Радиус скругления углов границы.
- Тень.
- Выравнивание изображений.
- Добавление\\изменение SEO-информации: имя файла, заголовок, замещающий текст (alt).
- Сохранение копии оригинального (загруженного Вами) изображения. Это даёт возможность в любой момент применить любые другие изменения или вернуться к исходному состоянию картинки.
 
 ![Увеличение изображения в Joomla](https://aleksius.com/images/joomla/rasshireniya/droppics/uvelichenie-izobrazheniya-joomla.png "Увеличение изображения в Joomla") Увеличение изображения в Joomla **Представление картинок.**

- В виде галерей (рисунок ниже). Доступно 6 тем. Возможность задавать действие по нажатию на миниатюру картинки (или открывать увеличенную во «всплывающем окне» lightbox, переходить по любому URL, переход на пункт меню Joomla или на материал). Можно создавать вложенные одна в одну галереи.
- Наличие «бесконечной» прокрутки галереи, содержащей большое количество картинок/видео.
- В виде слайд-шоу. С подписями к слайдам и настройкой их отображения.
- Отдельной картинкой.
- Отображение картинок и галерей Droppics в стандартном [модуле Joomla «HTML-код»](https://aleksius.com/joomla/shablony/jm-hotel#kak-sozdat-modul-html-kod "Обзор JM Hotel. Шаблон сайта для отеля").
- Отображение картинок и галерей Droppics в любой текстовой области Джумла. То есть, если в админке или фронтальной части сайта есть возможность добавления текста при помощи любого редактора материалов, там можно использовать Droppics.
 
 ![Droppics](https://aleksius.com/images/joomla/rasshireniya/droppics/droppics.png "Droppics") Droppics  ![Слайдер картинок Joomla 3](https://aleksius.com/images/joomla/rasshireniya/droppics/slajder-kartinok-joomla-3.png "Слайдер картинок Joomla 3") Слайдер картинок Joomla 3 ## <a id="redaktirovanie-galerei"></a>Редактирование галереи

Как уже упоминалось выше, в Droppics есть шесть тем оформления изображений (тем). При редактировании разных тем Вам будут доступны разные настройки. Причём, Вы можете задать одинаковые параметры для каждого типа в настройках «глобальных» Droppics. Эти параметры будут применяться по умолчанию к новым галереям\\слайдерам картинок. Но при необходимости для каждого отдельного слайдера или галереи можно задать свои собственные. Нажимая на зелёную кнопку *Новая галерея* в левом верхнем углу окна Droppics Вы сможете создавать новые галереи для которых сможете задавать отдельные друг от друга параметры.

На рисунке ниже показан пример для настроек тем (слева на право): *Default (Тема по умолчанию), Carousel, Masonry*.

 ![Редактирование галереи (1)](https://aleksius.com/images/joomla/rasshireniya/droppics/redaktirovanie-galerei-1.png "Редактирование галереи (1)") Редактирование галереи (1) На рисунке ниже показан пример для настроек тем (слева на право): *Polaroid, Heapshot, BxSlider*.

 ![Редактирование галереи (2)](https://aleksius.com/images/joomla/rasshireniya/droppics/redaktirovanie-galerei-2.png "Редактирование галереи (2)") Редактирование галереи (2) Примеры того, как могут выглядеть данные темы во фронтальной части сайта показаны на рисунках ниже.

 ![Тема Default](https://aleksius.com/images/joomla/rasshireniya/droppics/tema-default.png "Тема Default") Тема Default  ![Тема Carousel](https://aleksius.com/images/joomla/rasshireniya/droppics/slajder-kartinok-joomla-3.png "Тема Carousel") Тема Carousel  ![Тема Masonry](https://aleksius.com/images/joomla/rasshireniya/droppics/tema-masonry.png "Тема Masonry") Тема Masonry  ![Тема Polaroid](https://aleksius.com/images/joomla/rasshireniya/droppics/droppics.png "Тема Polaroid") Тема Polaroid  ![Тема Heapshot](https://aleksius.com/images/joomla/rasshireniya/droppics/tema-heapshot.png "Тема Heapshot") Тема Heapshot  ![Тема Bxslider](https://aleksius.com/images/joomla/rasshireniya/droppics/tema-bxslider.png "Тема Bxslider") Тема Bxslider ## <a id="redaktirovanie-kartinki-v-joomla-3"></a>Редактирование картинки в Joomla 3

Droppics позволяет редактировать изображения в самой Джумла. Набор инструментов может немного отличаться в зависимости от того, какую тему галереи Вы выберете. На рисунке ниже показан пример редактирования картинки с выбранной темой BxSlider. Как видите, есть возможность:

- Задавать отступы.
- Делать обводку с выбором цвета и радиусом скругления углов.
- Задавать действие, которое будет происходить по нажатию на объект.
- Указать\\изменить подпись, заголовок, замещающий текст и имя файла.
- Задать выравнивание (в галерее).
- Можно задать и оформить подпись слайда.
 
 ![Редактирование изображений в Джумла 3](https://aleksius.com/images/joomla/rasshireniya/droppics/redaktirovanie-izobrazheniya-v-dzhumla-3.png "Редактирование изображений в Джумла 3") Редактирование изображений в Джумла 3 Помимо этого, можно увеличить (уменьшить) изображение прямо в Joomla. Сам предпочитаю так не делать. Если Вам интересно почему, ознакомьтесь с [этой статьёй](https://aleksius.com/joomla/rasshireniya/plagin-galerei-dlya-joomla#rekomendatsii-po-izobrazheniyam "Обзор RSMediaGallery. Плагин галереи для Joomla 3"). Там же Вы найдёте рекомендации касательно подготовки изображений к загрузке на сайт. А в [этой статье](https://aleksius.com/joomla/rasshireniya/simple-image-gallery#rekomendatsii-po-imenam-fajlov-izobrazhenij "Обзор Simple Image Gallery. Плагин галереи Joomla") Вы найдёте рекомендации касательно имён файлов.

Droppics даёт возможность изменять размер миниатюры, оригинального (исходного) файла и создавать множество копий изображения разного размера. Нажав на иконку карандашика справа от названия размера, Вы перейдёте к редактированию изображения (рисунок ниже).

 ![Редактирование изображения](https://aleksius.com/images/joomla/rasshireniya/droppics/redaktirovanie-izobrazheniya.png "Редактирование изображения") Редактирование изображения Помимо изменения размера, обрезки, отражения и поворота Вы сможете применить такие «фильтры»:

1. *Brightness* – Яркость.
2. *Contrast* – Контраст.
3. *Saturation* – Насыщенность.
4. *Vibrance* – Красочность.
5. *Exposure* – Воздействие.
6. *Hue* – Оттенок.
7. *Sepia* – Сепия.
8. *Gamma* – Гамма.
9. *Noise* – Шум.
10. *Clip* – Клип.
11. *Sharpen* – Резкость.
12. *StackBlur* – Размытие.
 
Плюс, в спадающем списке можно выбрать ещё 18 эффектов, которые будут применены к изображению.

## <a id="nastrojki"></a>Настройки

У компонента слайдера картинок Joomla 3 есть много настроек, которые позволяют сконфигурировать компонент под Ваши потребности. Настроек достаточно много. Они разделены на десять вкладок.

1. *Основные параметры.*
2. *Одно изображение.*
3. *Тема по умолчанию.*
4. *Тема Masonry.*
5. *Тема Carousel.*
6. *Тема Polaroid.*
7. *Тема Heapshot.*
8. *Тема BxSlider.*
9. *Live* *update.* Тут Вы сможете настроить автоматическое обновление компонента. Для этого нужен доступ к сайту разработчика и активный статус подписки (лицензия на обновление) на расширение.
10. *Права.* На данной вкладке собраны стандартные для Joomla опции, которые позволяют разграничить права доступа пользователей к Droppics и картинкам.
 
Рассмотрим наиболее интересные, с моей точки зрения, опции.

Вкладка ***Основные параметры*** (рисунок ниже). Тут можно задать одинаковые для всех настройки ширины и высоты разных «типов» изображений, можно установить уровень сжатия для загружаемых изображений формата JPG и PNG. Это даст возможность изменять размер и оптимизировать качество картинок при их загрузке на сайт.

 ![Основные параметры](https://aleksius.com/images/joomla/rasshireniya/droppics/osnovnye-parametry.png "Основные параметры") Основные параметры Опция *Показывать импорт изображений* активирует инструмент импорта (рисунок ниже) уже имеющихся у Вас на сервере изображений в Droppics. А опция *Добавить внешнее видео* позволит использовать в слайдере Joomla видео с YouTube, Vimeo и Dailymotion.

 ![Импорт картинок в Droppics](https://aleksius.com/images/joomla/rasshireniya/droppics/import-kartinok-v-droppics.png "Импорт картинок в Droppics") Импорт картинок в Droppics Вкладка ***Одно изображение*** (рисунок ниже). Позволяет настроить значение опций по умолчанию, применяемых при редактировании одного изображения (рассмотрено выше в статье в разделе «[Редактирование картинки в Joomla 3](#redaktirovanie-kartinki-v-joomla-3 "Редактирование картинки в Joomla 3")»).

Благодаря настройке *Предварительно заданный размер одного изображения* можно создать несколько вариантов размеров, до которых можно будет изменять картинки.

 ![Одно изображение](https://aleksius.com/images/joomla/rasshireniya/droppics/odno-izobrazhenie.png "Одно изображение") Одно изображение Вкладки ***Тема по умолчанию, Тема Masonry, Тема Carousel, Тема Polaroid, Тема Heapshot, Тема BxSlider*** содержат настройки, которые позволят Вам сконфигурировать соответствующие темы одноимённые темы слайдера картинок Joomla 3, которые были рассмотрены в статье выше в разделе «[Редактирование галереи](#redaktirovanie-galerei "Редактирование галереи")». На рисунках ниже показано содержимое каждой из вкладок.

 ![Тема по умолчанию](https://aleksius.com/images/joomla/rasshireniya/droppics/tema-po-umolchaniyu.png "Тема по умолчанию") Тема по умолчанию  ![Вкладка Тема Masonry](https://aleksius.com/images/joomla/rasshireniya/droppics/vkladka-tema-masonry.png "Вкладка Тема Masonry") Вкладка Тема Masonry  ![Вкладка Тема Carousel](https://aleksius.com/images/joomla/rasshireniya/droppics/vkladka-tema-carousel.png "Вкладка Тема Carousel") Вкладка Тема Carousel  ![Вкладка Тема Polaroid](https://aleksius.com/images/joomla/rasshireniya/droppics/vkladka-tema-polaroid.png "Вкладка Тема Polaroid") Вкладка Тема Polaroid  ![Вкладка Тема Heapshot](https://aleksius.com/images/joomla/rasshireniya/droppics/vkladka-tema-heapshot.png) Вкладка Тема Heapshot  ![Вкладка Тема BxSlider](https://aleksius.com/images/joomla/rasshireniya/droppics/vkladka-tema-bxslider.png "Вкладка Тема BxSlider") Вкладка Тема BxSlider Надеюсь, что данный обзор дал Вам конкретное представление, что именно может предложить Droppics. И если Вам нужно расширение для работы с картинками в Joomla 3, рекомендую рассмотреть этот компонент как один из вариантов.

 | Похожие материалы |
|---|
| - [ Обзор RSMediaGallery. Галерея изображений Joomla ](https://aleksius.com/joomla/rasshireniya/rsmediagallery) - [ Обзор RSMediaGallery. Создание слайд-шоу в Joomla ](https://aleksius.com/joomla/rasshireniya/slajd-shou-joomla) - [ Обзор RSMediaGallery. Плагин галереи для Joomla 3 ](https://aleksius.com/joomla/rasshireniya/plagin-galerei-dlya-joomla) - [ Обзор Simple Image Gallery. Плагин галереи Joomla ](https://aleksius.com/joomla/rasshireniya/simple-image-gallery) - [ Обзор Phoca Gallery для Joomla 3 ](https://aleksius.com/joomla/rasshireniya/phoca-gallery) - [ Обзор Joomla Phoca Gallery ](https://aleksius.com/joomla/rasshireniya/galereya-phoca-gallery) - [ Обзор Phoca Gallery. Галерея для Джумла ](https://aleksius.com/joomla/rasshireniya/galereya-izobrazhenij-joomla) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")  Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")        **Контакты:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо")      **Социальные сети:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публикации и работа:**  - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |

**Полезные** **ссылки:**

- [Купить Droppics у разработчика и без посредников](https://www.joomunited.com/products/droppics/?atid=5 "Легально и без переплат").
- [Демонстрационный сайт](https://www.demo-joomunited.com/Droppics/video-screenshots/?atid=5 "Демонстрационный сайт Droppics").
