Я создал логотип в Illustrator, который я использовал для печати, но теперь он нужен для веб-сайта. Как мне преобразовать его, чтобы у меня было изображение с высоким разрешением для Интернета?
Я не разбираюсь в Интернете, для меня это первый пинок в банке.
Прежде всего, постарайтесь быть как можно более конкретными, задавая вопросы. Это помогает тем, кто хочет помочь вам.
Теперь для экспорта логотипа вы можете использовать
файл> сохранить для Интернета.
Вот некоторые вещи, которые следует учитывать:
Важно, чтобы вы экспортировали логотип с правильным размером пикселей. Если он слишком велик, пользователю придется загрузить излишне большой файл, что замедлит работу вашего веб-сайта и приведет к ухудшению работы. Если он слишком маленький, он будет выглядеть пиксельным и выглядеть плохо. Вы можете настроить размер в пикселях при экспорте, изменив размер до точных пикселей или процентов.
Когда вам не нужна прозрачность, вы можете использовать формат jpg. Это имеет очень маленький размер файла. Недостатком является то, что он имеет сжатие с потерями, что приводит к артефактам и пикселизации при слишком сильном сжатии. Поиграйте с ползунком «качество», чтобы увидеть предварительный просмотр отрендеренного изображения. Обычно небольшое сжатие не повредит и может значительно уменьшить размер файла.
Может работать с прозрачностью, но обычно приводит к увеличению размера файла. Имеет как сжатие без потерь, так и сжатие с потерями. Те же замечания, что и с jpg.
Как было предложено, это предлагает наилучшее соотношение размера файла и качества. Поскольку это векторный формат, его лучше всего использовать для изображений, созданных в векторном формате (но поскольку вы экспортируете из AI, это не будет проблемой). Upside — это идеальное качество в любом разрешении, поскольку оно не зависит от разрешения. Недостатки, которые следует учитывать: вам нужно иметь некоторые знания html, чтобы правильно использовать этот формат на вашем сайте, и поддержка старых браузеров не так хороша ( см.: Могу ли я использовать для получения дополнительной информации ).
Надеюсь, это поможет, и удачи с веб-сайтом.
Изменить : еще немного о сжатии.
Еще немного о сжатии изображений. Сжатие — отличный способ уменьшить размер файла и, следовательно, время загрузки ваших изображений. Это особенно важно для пользователей, посещающих ваш сайт с мобильного устройства.
Существует две формы сжатия:
Вы не теряете никаких данных, алгоритм просто находит способ более эффективно упаковать их. Может значительно уменьшить размеры файлов, особенно если вы экспортировали из дизайнерской программы, которая не очень хорошо справляется со сжатием (да, я смотрю на вас, Fireworks).
Вы теряете некоторые данные, что может привести к артефактам, таким как пикселизация, размытые пятна, шаткие или темные края и т. д. С другой стороны, при умеренном использовании это может значительно уменьшить размер файла и не будет видно пользователям. вообще невооруженным глазом.
Существует множество инструментов, которые предлагают сжимать ваши изображения. Некоторые хороши, некоторые хороши, некоторых следует избегать. При сжатии изображений всегда сохраняйте резервную копию оригинала на случай, если что-то пойдет не так (как это произойдет в конечном итоге).
Большой список доступных инструментов можно найти здесь . Мой личный фаворит — FileOptimizer . Это не самый быстрый, но он предлагает лучшее сжатие без потерь, которое я когда-либо видел, иногда уменьшая файлы до 4% от их исходного размера без потери данных.
File > Save for Webэто все, что вам нужно.
Вы можете использовать формат svg для Интернета, и вы получите самое высокое разрешение с наименьшим весом (сохраните как svg)
Йорик
Рафаэль
Райан