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

می 9, 2013 توسط : سید امیر فاطمی امین

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

adaptive-images

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

 

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

 

جولای 2, 2013 @ 2:15 ب.ظ

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

پاسخ
صدرا
جولای 8, 2013 @ 7:29 ق.ظ

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

پاسخ
فوریه 15, 2016 @ 11:31 ب.ظ

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

پاسخ

دیدگاهتان را بنویسید

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


*