تصاویر تطبیقی

اردیبهشت ۱۹, ۱۳۹۲ توسط : سید امیر فاطمی امین

آیا تا به حال نگران این موضوع بوده اید که بازدید کنندگان از شیوه های گوناگونی برای بازدید از سایت ما استفاده می کنند؟
موبایل ، تبلیت ، کامپیوتر و …
این مسئله زمانی بیشتر مشکل ساز می شود که در طراحی از تصاویر متعدد و در سایز ها گوناگون بهره برده باشیم . یکی از راه حل هایی که در این زمینه به ما کمک شایانی میکند responsive web design می باشد که به مبحث مهم و ضروری تبدیل شده که برنامه نویسان وب را به سمت خود کشیده است.
در طراحی responsive سعی بر این است که از المان ها به گونه ایی استفاده شود که قابلیت انعطاف پذیری داشته باشند تا در نمایش در اندازه های صفحه متفاوت دچار مشکل نشوند . اما سوالی که اینجا پیش می آید این است که برای تصاویر چه کاری میشود کرد؟!
تصاویر تطبیقی راه حل مبتنی بر php و htaccess برای تشخیص اندازه صفحه نمایش و ارائه تصاویر بهینه برای دستگاه کاربر می باشد.

adaptive-images

برای دیدن دمو و آموزش های استفاده حتما به سایت  adaptive-images.com/ سر بزنید.

 

استفاده از این راه حل که از کتابخانه  GD در php  بهره می برد ما در استفاده از طراحی responsive بیشتر یاری می کنند.

 

بازدید : ۲۵۵۴

تیر ۱۱, ۱۳۹۲ @ ۲:۱۵ ب.ظ

ممنون . مطلبه جالبی بود.

پاسخ دادن
صدرا
تیر ۱۷, ۱۳۹۲ @ ۷:۲۹ ق.ظ

برای حل این مشکل می توان از WURFL استفاده کرد

پاسخ دادن
بهمن ۲۶, ۱۳۹۴ @ ۱۱:۳۱ ب.ظ

من از بوت استرپ واسه این کار استفاده می کنم و به هر عکس col-lg-12 و در سایزهای مختلف میدم … بدک نیست کار ادمو راه می ندازه

پاسخ دادن

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


*