PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : تار شدن icon های سایت در موبایل ها


<?php?>
May 17th, 2017, 17:49
این موضوع مدتی هست که ذهنمو درگیر کرده .
این وبسایت رو من طراحی کردم : hoteltoranj.com
با موبایل برید توش . ایکون های استفاده شده از آیکون های شبکه اجتماعی گرفته تا لوگوی سایت تغریبا تار هستن . ( مخصوصا اگر با گوشی های iphone :ه صفحه نمایشون رتینا هست برید فاحشه )

من از css sprites برای بهینه بودن آیکون ها استفاده کردم . ( همه ایکون ها رو داخل یک تصویر ریختم )


بابت راهنماییتون ممنونم .
sajjad.ibm
May 18th, 2017, 09:39
رتینا نسبت پیکسل 2 برابر داره. برای رفع این مشکل باید از sprite با ابعاد دو برابر استفاده کنید و در css ابعادو تنظیم کنید.


http://stackoverflow.com/questions/23558404/blurry-icons-on-retina-display
http://www.hongkiat.com/blog/css-retina-display/
firebox
May 18th, 2017, 10:55
دلیل اش واضحه ، تصویری که برای آيکون استفاده میکنید ، کوچیکه ، باید از تصویر بزرگتری استفاده کنید.

راه حل بهترش هم اینکه از تصاویر svg استفاده کنید ، این فرمت وکتور هست که تو هر سایزی شارپ هست . (تو فتوشاپ راحت میتونید خروجی svg بگیرید.)