https://mediawiki.zina.run/index.php?action=history&feed=atom&title=Retina 2026-10-12T11:43:30Z Історія редагувань цієї сторінки в вікі MediaWiki 1.44.2 https://mediawiki.zina.run/index.php?title=Retina&diff=652&oldid=prev 2020-07-15T07:27:38Z

<p></p> <p><b>Нова сторінка</b></p><div>Ретина, размеры картинок под Ретину.<br /> <br /> Размеры больших Retina картинок — начиная с 640 пкс по ширине: https://en.wikipedia.org/wiki/Retina_Display. Иконки нужно все делать под Retina — или делать их в [[SVG]].<br /> <br /> Правила подготовки картинок для Retina очень простые:<br /> <br /> # Рисовать дизайн в обычном размере. При подготовке графики под порезку увеличить ключевые элементы в 2 раза. [https://bjango.com/articles/designingforretina2/ Объяснение] (eng), почему лучше делать именно так, а не сначала рисовать в два раза больше размером, а потом уменьшать (хотя так тоже можно).<br /> # Разрешение остается стандартное — 72 dpi.<br /> # Сохранить файлы под Ретину с суффисом &lt;code&gt;@2x&lt;/code&gt;: <br /> #* &lt;code&gt;file.png&lt;/code&gt; — оригинальный файл<br /> #* &lt;code&gt;file@2x.png&lt;/code&gt; — файл под Ретину<br /> <br /> == Ссылки ==<br /> <br /> * [https://ymatuhin.ru/front-end/prepare_graphics_for_retina_displays/ Оптимизация верстки под retina дисплеи]<br /> * [http://retinize.it/ Retinize It] — Photoshop actions for slicing retina assets @2x @3x<br /> * Retina.js:<br /> ** [http://imulus.github.io/retinajs/ Retina.js]<br /> ** [https://github.com/xorcery/retinajs github]<br /> <br /> == См. также ==<br /> <br /> * [[Размеры картинок]]</div>

Romych