Retina

Ретина, размеры картинок под Ретину.

Размеры больших Retina картинок — начиная с 640 пкс по ширине: https://en.wikipedia.org/wiki/Retina_Display. Иконки нужно все делать под Retina — или делать их в SVG.

Правила подготовки картинок для Retina очень простые:

1. Рисовать дизайн в обычном размере. При подготовке графики под порезку увеличить ключевые элементы в 2 раза. Объяснение (eng), почему лучше делать именно так, а не сначала рисовать в два раза больше размером, а потом уменьшать (хотя так тоже можно).
2. Разрешение остается стандартное — 72 dpi.
3. Сохранить файлы под Ретину с суффисом @2x:
   • file.png — оригинальный файл
   • file@2x.png — файл под Ретину

Ссылки

• Оптимизация верстки под retina дисплеи
• Retinize It — Photoshop actions for slicing retina assets @2x @3x
• Retina.js:
  • Retina.js
  • github

См. также

• Размеры картинок