Как отобразить лого сайта в iphone?

Question

[issssrt]

Подскажите, нужны ли какие-то дополнительные меры, чтобы корректно отобразить логотип на сайте в iphone?

Сайт адаптивный, лого в хорошем качестве, но iphone его показывает размыто.

Answer 1

[Ольга Стогова]

Скорее всего речь идет о ретина-дисплее с большой плотностью пикселей.

Тут есть разные варианты:

1. Самый простой-тупой — грузить img в два раза больше, и при выводе показывать ее с нужным размером (т. е. если лого у вас 100*100 — грузите в хорошем качестве img 200*200 как <img src width="100" height="100"/> тогда она не будет размытой

2. Если есть возможность сгенерировать svg файл картинки из corel, к примеру, выводите svg вместо jpg/png/что-у-вас-там (не забудьте вывести jpg/png/что-у-вас-там для ie8)

3. Ну и третий вариант — если у вас лого — это текст, или то, что можно вывести текстом — просто выводите его текстом