# Адаптация длинного изображения

**URL:** https://meta.discourse.org/t/long-picture-adaptation/279538
**Category:** Theme component
**Created:** [19.Сентябрь.2023 23:54:22 UTC](https://meta.discourse.org/t/long-picture-adaptation/279538 "2023-09-19T23:54:22Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [19.Сентябрь.2023 23:54:23 UTC](https://meta.discourse.org/t/long-picture-adaptation/279538/1 "2023-09-19T23:54:23Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Краткое описание** | Растягивание изображений с соотношением сторон больше 2:1 |
| 🛠 | **Репозиторий** | [GitHub - Lhcfl/discourse-larger-long-image · GitHub](https://github.com/Lhcfl/discourse-larger-long-image) |
| ❓ | **Руководство по установке** | [Как установить тему или компонент темы](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Новичок в темах Discourse?** | [Руководство для начинающих по использованию тем Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Установить этот компонент темы

Discourse часто масштабирует изображения до подходящего размера и отображает их в красивых лайтбоксах. Однако это приводит к побочному эффекту при отображении иногда очень длинных изображений: такое изображение растягивается в узкую полоску размером 41×500 пикселей.

Этот компонент темы применяет растягивание к изображениям с соотношением сторон больше 2:1, чтобы они занимали всю ширину сообщения.

## Эффект

до

 ![Screenshot_2023-09-20-07-55-31-644_com.android.chrome](https://global.discourse-cdn.com/meta/original/4X/c/b/1/cb16d3405c5d7c63e117455536b8f41310a52b2f.jpeg)

после

 ![Screenshot_2023-09-20-07-54-53-684_com.android.chrome](https://global.discourse-cdn.com/meta/original/4X/5/2/d/52d6827fd2c5001b921d6cb241b6635e45e54a65.jpeg)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [20.Сентябрь.2023 00:05:16 UTC](https://meta.discourse.org/t/long-picture-adaptation/279538/2 "2023-09-20T00:05:16Z")

</div>

Это потрясающе, отличная работа с кодом. Спасибо, что сделали это 🙂

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [20.Сентябрь.2023 00:26:06 UTC](https://meta.discourse.org/t/long-picture-adaptation/279538/3 "2023-09-20T00:26:06Z")

</div>

Преимущество размещения на GitHub даже для простой темы заключается в том, что

- пользователям не нужно создавать тему и вставлять код вручную.
- есть документация, указывающая источник темы.
- при необходимости изменения можно внести в одном месте для всех, кто использует эту тему.

---

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [20.Сентябрь.2023 06:39:01 UTC](https://meta.discourse.org/t/long-picture-adaptation/279538/4 "2023-09-20T06:39:01Z")

</div>

Вы правы. Я сделаю это репозиторием на GitHub, когда вернусь домой.