Большинство цифровых изображений и изображений, которые вы видите в Интернете, являются растровыми графическими изображениями или растровыми изображениями. Растровое графическое изображение просто определяется сеткой пикселей, для которых установлены определенные цвета. Растровые графические изображения зависят от разрешения и не могут быть увеличены без потери видимого качества. Поэтому для изображений, которые необходимо масштабировать до более высокого разрешения, лучше использовать векторную графику.
Изображения, визуализируемые с использованием векторной графики будет масштабироваться до любого размера и при этом сохранять плавные края. Это идеально подходит для работы с такими вещами, как шрифты и логотипы. Inkscape — это редактор векторной графики с открытым исходным кодом что вы можете использовать для преобразования растровых изображений в векторные графические изображения.
Я покажу, как использовать Inkscape для преобразования вышеуказанного логотипа Inkscape в изображение SVG (масштабируемая векторная графика). SVG — это векторный формат файла графики.
Прежде всего, вам нужно скачать Inkscape и установить его. Он доступен для Mac OS X и Windows, и, конечно, с исходным кодом вы можете скомпилировать его и на Linux, и на других платформах.
После того, как вы установили Inkscape, запустите его и откройте растровое изображение, которое вы хотите преобразовать. На скриншоте видно, что края не гладкие. Преобразование его в файл SVG позволит нам масштабировать его до любого размера. и поддерживайте ровные края.
Выберите все изображение, перейдя в меню « Редактирование» > « Выбрать все» в меню Inkscape или нажав клавиши Ctrl + A на клавиатуре. Затем перейдите в Path > Trace Bitmap или нажмите Shift + Alt + B на клавиатуре. В диалоговом окне трассировки растровых изображений выберите « Цвет» в качестве режима и убедитесь, что параметр « Сглаживание» не установлен.
Нажмите кнопку ОК , и преобразование произойдет, но на экране появится диалоговое окно. Закройте диалоговое окно, нажав X в правом верхнем углу. Далее вам нужно избавиться от исходного изображения, которое лежит под следом, который вы только что выполнили. Чтобы просмотреть оригинал, перейдите в Object > Lower to Bottom или нажмите клавишу End на клавиатуре.
Теперь оригинальное изображение с зазубринами должно быть сверху. Нажмите на него, чтобы выбрать его, а затем нажмите клавишу Delete на клавиатуре. Теперь вы должны увидеть красивое и красивое векторное изображение с плавными краями. Затем сохраните файл, выбрав « Файл» > « Сохранить как». Дайте файлу новое имя и убедитесь, что тип файла в правом нижнем углу — Inkscape SVG . Изображение ниже было создано из файла SVG, который я сделал.
Когда вы используете SVG-изображения на веб-страницах, вы захотите преобразовать их из SVG обратно в растровое изображение, как я это делал на изображении выше. Для этого просто зайдите в File > Export Bitmap. Не все браузеры поддерживают изображения SVG, поэтому лучше экспортировать SVG-изображения в растровые изображения. Таким образом, вы получите красивое изображение, а также сможете использовать его онлайн.
Использование SVG имеет большое значение, когда вы масштабируете изображения так, чтобы они были намного больше оригиналов. У Wikimedia Commons на самом деле лучшее изображение SVG для логотипа Inkscape, чем у меня. Фонд Викимедиа постарался сделать большинство диаграмм и логотипов доступными в виде файлов SVG, чтобы их можно было использовать в более высоком разрешении без ухудшения исходного содержимого.
Известны ли вам какие-либо другие бесплатные инструменты, которые могут конвертировать растровые изображения в векторную графику?
Изображение предоставлено: Hwang Teamvia Shutterstock.com