Я пытаюсь оптимизировать векторную графику, чтобы она хорошо совмещалась с пикселями, но если я пытаюсь выровнять сетку по пикселям, я теряю слишком много от качества и мне все еще нужно иметь возможность привязки с шагом 0,5 пикселя.
Как я могу получить это поведение? ... без потери функции просмотра пикселей.
Ответы:
Вы можете настроить Grid в настройках, чтобы линия сетки была каждые .5pt (так же, как px в AI). Затем включите Snap to Grid в меню View . Это позволит вам привязаться к шагам в .5px. Однако это не имеет значения.
Хотя вы можете поместить объект на 1/2 пикселя (или 1 / 2pt в Illustrator), при выводе все настраивается (сглаживается) до полных пикселей. Это можно увидеть, включив Pixel Preview в меню View .
Например ... квадрат 1/2 пикселя:
И с Pixel Preview:
Вы можете видеть, что половина пикселей преобразуется в полные пиксели после вывода. Illustrator не выводит иллюстрацию с половиной пикселей.
Сохраните это полупиксельное изображение ... откройте в Photoshop и увеличьте 3200% ....
Все половина пикселей будут сглажены и обработаны таким образом при выводе. Любое усилие, которое вы приложите для построения ограничений в .5 пикселей, будет сведено на нет любым выводом файла, поскольку один пиксель является наименьшим элементом экрана.
Но вы, вероятно, говорите себе: «Мне нужны только некоторые края, чтобы сидеть на полпикселя. Не на полпикселе».
Ну, края будут также сглажены до ближайшего пикселя ...
(Нижний край опирается на половину пикселя. Черный край - половина пикселя в ширину).
И Pixel Preview ....
О, но давайте отключим "Anti-Alias Artwork" в настройках Illustrator и посмотрим на Pixel Preview ...
Ответ на самом деле не для работы с .5 пикселей, но чтобы изменить рисунок, чтобы он выглядел правильно на полных пикселях.
источник
Векторы могут немного изменить правила в некоторых конкретных случаях, но, вообще говоря, нет приращения 0,5px. (Если мы не говорим о CSS px на устройствах с сетчаткой, но это совсем другая тема)
Пиксель - это самая маленькая единица на мониторе.
На изображении выше каждый набор из одного красного, одного зеленого и одного синего света представляет собой один пиксель. Устройство сообщает экрану, как сбалансировать яркость этих трех цветов по одному набору (пикселю) за раз, чтобы ваши глаза воспринимали данный цвет. Ваш монитор не считает единицы меньше, чем это.
Есть некоторые пограничные исключения. Например, граница векторной фигуры не идеально совмещается с пикселями, поэтому происходит какое-то сглаживание. Тем не менее, к тому времени, когда информация попадает на ваш монитор, на самом деле не существует полпиксельного бизнеса. Кроме того, на устройствах ультра HD, таких как современные смартфоны, пиксель в CSS больше не равен одному пикселю. Полупикселя по-прежнему нет, но на устройствах Retina (Ultra HD), ради разговора, вы можете считать, что пиксель составляет половину пикселя при соотношении пикселей 2: 1.
источник