[[structure-image-responsive]]
=== مفهوم: سبک‌های تصویری واکنش‌گرا

[role="summary"]
مروری بر سبک‌های تصویری واکنش‌گرا، که به شما امکان تخصیص تصاویر گوناگون برای نمایشگرهای گوناگون را می‌دهند.

(((Responsive image style,overview)))
(((Image style,responsive)))
(((Breakpoint,overview)))
(((HTML5 picture tag,and responsive images)))

==== دانش پیشنیاز

* <<understanding-themes>>
* <<structure-content-display>>
* <<structure-image-styles>>

==== سبک‌های تصویری واکنش‌گرا چیستند؟

افزونه داخلی Responsive Image سبک‌های تصویری واکنش‌گرا را فراهم می‌سازد. این قابلیت به شما امکان می‌دهد که از تصاویر گوناگون برای نمایشگرهای گوناگون استفاده کنید. عملکرد مفیدی است، برای نمونه، به منظور افزایش سرعت بارگذاری در دستگاه‌های موبایل از این تصاویر استفاده می‌شود.

یک سبک تصویری واکنش‌گرا نگاشتی است بین سبک‌های تصویری و نقاط شکست یا همان breakpoint. این نقاط جایی هستند که یک طراحی واکنش‌گرا نیاز به تغییر دارد چرا که باید با اندازه‌های گوناگون در صفحه نمایش منطبق شود. سبک‌های تصویری واکنش‌گرا تنها زمانی می‌توانند استفاده شوند که نقاط شکست در یک قالب تعریف شده باشند.

زمانی که یک سبک تصویری واکنش‌گرا تعریف می‌شود، می‌تواند در قسمت تنظیمات نمایش یک فیلد تصویری استفاده گردد. اینکار به سایت اجازه می‌دهد که از تصاویر واکنش‌گرا با استفاده از تگ picture در HTML5 استفاده کند.

==== موضوعات مرتبط

<<structure-fields>>

==== منابع مطالعاتی

* https://www.drupal.org/node/1388492[صفحه "طراحی واکنش‌گرا" در مستندات جامعه کاربری _Drupal.org_]

* https://www.drupal.org/docs/8/mobile-guide/responsive-images-in-drupal-8[صفحه "تصاویر واکنش‌گرا در دروپال ۸" در مستندات جامعه کاربری _Drupal.org_]

* https://www.drupal.org/docs/8/theming-drupal-8/working-with-breakpoints-in-drupal-8[صفحه "کار با نقاط شکست در دروپال ۸" در مستندات جامعه کاربری _Drupal.org_]

*مشارکت‌کنندگان*

اقتباس توسط https://www.drupal.org/u/batigolix[Boris Doesborg] از * https://www.drupal.org/docs/8/mobile-guide/responsive-images-in-drupal-8[صفحه "تصاویر واکنش‌گرا در دروپال ۸" در مستندات جامعه کاربری _Drupal.org_]

ترجمه توسط https://www.drupal.org/u/novid[Navid Emami]

کپی‌رایت ۲۰۱۷-۲۰۰۰ توسط مشارکت‌کنندگان انفرادی در  https://www.drupal.org/documentation[مستندات جامعه کاربری دروپال]
