تار شدن icon های سایت در موبایل ها

[<?php?>]

این موضوع مدتی هست که ذهنمو درگیر کرده .
این وبسایت رو من طراحی کردم : hoteltoranj.com
با موبایل برید توش . ایکون های استفاده شده از آیکون های شبکه اجتماعی گرفته تا لوگوی سایت تغریبا تار هستن . ( مخصوصا اگر با گوشی های iphone :ه صفحه نمایشون رتینا هست برید فاحشه )

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


بابت راهنماییتون ممنونم .

[sajjad.ibm]

رتینا نسبت پیکسل 2 برابر داره. برای رفع این مشکل باید از sprite با ابعاد دو برابر استفاده کنید و در css ابعادو تنظیم کنید.


http://stackoverflow.com/questions/2...retina-display
http://www.hongkiat.com/blog/css-retina-display/

[firebox]

دلیل اش واضحه ، تصویری که برای آيکون استفاده میکنید ، کوچیکه ، باید از تصویر بزرگتری استفاده کنید.

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