Оптимизация исходников Sketch с помощью 6 простых шагов

Оптимизация исходников Sketch с помощью 6 простых шагов

Второй мой рассказ и снова работа со Sketch… Итак, появился новый файловый формат Sketch с релиза 43.1 и он выглядит так, будто Sketch-файл это .ZIP-файл. И он действительно ведет себя как .ZIP-файл. Потратив немного времени и проведя несколько тестов, я обнаружил следующий рабочий процесс, который будет действительно оптимизировать размер файла и поможет дизайнерам в решении их ежедневных проблем. Особый интерес здесь представляют файлы со множеством изображений… так что просто попробуйте (убедитесь, что вы сделали копию файла до начала работы) →

1. Better Zip = ваш друг!

Better Zip

Скачайте BetterZip с сайта https://macitbetter.com и просто откройте с его помощью Sketch-файл. BetterZip покажет вам структуру папок Sketch-файла и сразу же покажет размер каждого изображения. Просто перетащите самые большие изображения из BetterZip в какую-то папку на вашем рабочем столе. Не закрывайте BetterZip — он вам понадобится в конце, для сохранения Sketch-файла после его оптимизации.

2. Исправление поврежденных PNG файлов

Исправление поврежденных PNG файлов

По крайней мере, в моем случае у меня было несколько поврежденных файлов. Вы увидите их непосредственно в Finder – у них нет миниатюры. Обнаружьте эти файлы. Обычно они самые большие по размеру файла, и эти файлы вообще не используются в Sketch.

Уменьшайте файлы Sketch до минимума

Теперь ИСПРАВЛЯЕМ ПОВРЕЖДЕННЫЕ файлы … создаем крошечные png-файлы (просто белый прямоугольник или даже прозрачный) и называем их точно так, как поврежденные файлы, И просто удаляем поврежденные файлы… ЭТО ВАЖНО, называть файл, точно как назывался поврежденный.

3. Изменение размера огромных изображений

Изменение размера огромных изображений в Sketch

Еще одно превосходное оружие – это th MakerX http://www5.wind.ne.jp/miko/mac_soft/th-maker_x/index-en.html просто перетаскивая в него файлы (из вашей папки на рабочем столе) вы можете изменить размер файлов до, например, максимальной ширины в 2000 px (имхо, этого размера более, чем достаточно в большинстве случаев визуального дизайна) … разумеется, вы можете выбрать необходимый размер для каждого изображения. ПРИМЕЧАНИЕ: Использование изображения с высоким разрешением только для миниатюры в пользовательском интерфейсе не имеет смысла ; — )

4. Оптимизация PNG-файлов с помощью Pngyu

Оптимизация PNG-файлов Sketch с помощью Pngyu

Следующий превосходный инструмент, который удалит некоторые метаданные из PNG-файлов и снова сделает их намного меньше … http://nukesaq88.github.io/Pngyu/

Pngyu для Sketch

Как вы здесь видите: в некоторых случаях размер файла уменьшается на 80% ! и это БЕЗ видимой потери качества.

5. Возвращение в BetterZip — Замена изображений

Возвращение в BetterZip — Замена изображений

Просто перетащите изображения обратно в BetterZip.

Просто перетащите изображения обратно в BetterZip

… и замените все файлы … теперь важно, чтобы у вас была резервная копия Sketch-файла (обычно он работает нормально, но всякое бывает…)

6. Сохраните файл .SKETCH при помощи BetterZip и будьте счастливы ; — )

 

Сохраните файл .SKETCH при помощи BetterZip

→ CMD+S

Оптимизированный файл Sketch

Теперь сравните файл до и после… вы заметите ОН НЕМНОГО МЕНЬШЕ ТЕПЕРЬ ))) откройте Sketch-файл и проверьте его на ошибки и баги… На данный момент у меня еще ни разу их не было…

Развлекайтесь и пошли купим вам кофе ; — )

Sketch 43 изменит наш способ работы и мышления

3 Комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Плагин Sketch Select Similar Layers
Подробнее

Плагин Sketch Select Similar Layers

Вдохновленный опцией Illustrator "Select Similar Objects" (выделить идентичные объекты), плагин Select Similar Layers для Sketch выделяет слои с атрибутами, идентичными выделенному слою. Плагин работает с заливкой, цветом контура, толщиной контура, типом шрифта, непрозрачностью и блендингом.
Sketch + Craft: союз, созданный на цифровых небесах
Подробнее

Sketch + Craft: союз, созданный на цифровых небесах

В прошлом я был ярым поклонником парочки плагинов Sketch, которые сэкономили мне уйму времени при работе с живыми данными - Content Generator и Unsplash It. Но с Craft все эти возможности собраны в маленький, аккуратный и быстрый инструмент.

Лучшие статьи, раз в неделю, с доставкой на почту

Total
46
Share