Архив метки: Picture

Очистка сканированных изображений. ScanKromsator 5.92 full

Назначение программы

 Бесплатная программа для предварительной обработки сканированных изображений, в первую очередь для отсечения всего лишнего со сканированной страницы, а также поворота страницы на 90, –90, 180 градусов, исправления наклона страниц, разрезания разворотов страниц на две отдельные страницы, автоматического определения ширины книги и приведения размеров всех ее страниц к единому значению, автоматического исправления полей страниц, очистке черных полос на развороте пары страниц и на тексте, конвертирует формат и разрешение изображений. Скачать программу можно по адресу http://soft.sibnet.ru/soft/?id=17946 или http://www.djvu-soft.narod.ru. Читать →

15 бесплатных сервисов для создания баннеров и логотипов

Создание и продвижение собственного бренда в Интернете — непременное условие для развития успешного бизнеса.

15 servisov

Важная составляющая такого бренда — баннеры и логотипы, привязанные к личному сайту, или блогу.

Тысячи веб-студий и свободных дизайнеров предлагают свои услуги по проектированию профессиональной атрибутики для сайтов любых тематических направлений.

Но, как правило, у начинающих вебмастеров нет средств для размещения заказов у опытных мастеров. А собственных навыков по работе с графическими редакторами явно не хватает.

Для выхода из такой ситуации в Интернете существует целый ряд бесплатных сервисов для создания баннеров, логотипов и кнопок. К сожалению, большинство таких сервисов не поддерживают кириллицу, но русскоязычное название своего проекта можно добавить к уже созданному шаблону.

Бесплатные сервисы для создания баннеров, логотипов и кнопок

1. Logaster.ru — бесплатный русскоязычный онлайн-генератор логотипов. После создания логотипа можно перейти к конструированию макета визитки и корпоративного конверта, используя уже созданный логотип, что очень удобно.

Можно скачать логотип в растровом и векторном формате и специально оптимизированные логотипы для социальных сетей

Сервис для создания логотипов

2. Flamingtext
Отличный сервис для создания текстовых логотипов с различными  эффектами

3. Logoease
100% бесплатный инструмент для создания логотипов. Готовые файлы можно сохранять в форматах PNG, JPG, EPS и TIFF

4. The PCman Website
Сервис для создания 3-D логотипов, баннеров и заголовков. Можно работать онлайн, или скачать бесплатную программу для компьютера

5. FreeLogoServisces
Прекрасный сервис для создания профессиональных логотипов из тысячи бесплатныхшаблонов

6. 3D Text Maker
Отменный инструмент для созд

Как создать анимированный баннер GIF для сайта онлайн

Как делать анимированные баннеры.
Приветствую вас, уважаемые читатели блога Vorabota.ru! Если в сети встречается сайт или блог, на котором нет рекламы, у многих (особенно начинающих Web мастеров, которые решили создать самостоятельно сайт) возникает закономерное подозрение. Подозрение не к ресурсу (сайту или блогу), а к его создателю. «На чем же он (создатель сайта) зарабатывает»?
Заниматься рассуждением, кто и как зарабатывает на своем сайте, в этом материале я не буду. Просто сейчас редко можно встретить сайт, на котором нет рекламного баннера. И «лить воду» на тему, что такое баннерыБаннер – преобладающий формат рекламы в интернете. Имеет вид графического изображения аналог рекламному модулю в прессе. Представляет собой статическое изображение в формате PNG или JPG, а также анимированное, в формате GIF., и какую они играют роль в заработке Web мастера, тоже не буду. «Баннеры были, есть и будут»! И пусть каждый самостоятельно решает, стоит ли ему устанавливать баннер на свой сайт или размещать его где-то еще, к примеру, в соц.сетях. В этом материале хочу просто поделиться с вами тем, как можно сделать баннер самостоятельно любому (если, конечно, это ему надо) пользователю.
Ведь для создания несложного баннера совсем не обязательно знать и уметь пользоваться какой-то «супер-программой» для работы с изображениями. Достаточно воспользоваться бесплатным онлайн сервисом на котором есть возможность быстро сделать несложный, но вполне привлекательный рекламный баннер. Даже тем, кто «дружит» с различными программами для работы с изображениями, «побаловаться» на таком онлайн сервисе будет не лишним. Возможно, и пригодиться.

Бесплатный онлайн сервис Banner Fans для создания баннеров.

Пожалуй, из большого
количества бесплатных онлайн сервисов, на которых можно делать баннеры, этот ресурс (на мой взгляд) вполне достоин внимания. Из достоинств этого сервиса хочу отметить его приемлемую скорость и поддержку кириллицы (русский шрифт). И, чтобы на нем быстро освоиться, предлагаю пройти путь изготовления несложного баннера на примере. Не буду описывать каждую кнопку панели инструментов этого сервиса. Может получиться много «воды». А изучить все инструменты и функции этого сервиса в дальнейшем не должно составить труда.
Итак, переходим по ссылке на онлайн сервис Banner Fans. . Можете не регистрироваться. Регистрация нужна лишь в том случае, если вы собираетесь сохранять сделанные баннеры не только на свой компьютер, но и хранить на сервисе. В верхнем правом углу устанавливаем язык Russian. Хотя и «кривой», но будет вполне понятный перевод.
В верхней части рабочей области отражается окно макета баннера, а в нижней панель инструментов.
1. Макет:
— Размер баннера: 300 px – 50 px (размер моего баннера)
— Фоновый режим: градиент цвета
— Цвет градиентов: первый – 8a8aff, второй – 186EAE (если кликнуть по квадратику, можно выбрать цвет)
— Режим градиента: Круг 2.
— Нажимаем кнопку «Изменить баннер» в центре нижней части панели инструментов, чтобы увидеть результат изменений.
1-этап создания баннера
2. Текст:
— Ваш текст: Линия 1: «Бесплатные онлайн сервисы»
— Шрифт: Palatino Linotype Bold (чтобы выбрать кириллицу, нужно щелкнуть на название выбранного шрифта и в открывшемся окне, в верхнем правом углу выбрать Stock)
— Размер: 14 px
— Цвет: ffffff (оставил по умолчанию)
— Вращение: 0° (оставил по умолчанию)
— Нажимаем кнопку «Изменить баннер»
2-этап создания баннера
— Выравниваем текст: наводим курсор мышки на строку текста > захватываем крестиком строку нажатием правой кнопки мыши и делаем перемещение
3-этап создания баннера
— Нажимаем кнопку «Изменить баннер»
4-этап создания баннера
3. Воздействие:
Тень • Расстояние • Цвет • Яркость • Текст плана •Наброски цветов
Эти эффекты назначаются для каждой линии текста отдельно.
Линия 1: В данном примере оставил без изменений по умолчанию
Линия 2: Проделываю тот же путь (пункты 2 и 3), манипулируя шрифтом.
4. Пограничная:
— Выбор стиля границ: (если простым языком, то это – рамка баннера) В данном примере оставил None по умолчанию.
5. После завершения редактирования перехожу на вкладку Формат — Выбираю нужный мне формат PNG (можно выбрать JPG или GIF) и сохраняю к себе на компьютер, нажав на «Скачать баннер».
Для пользователей и начинающих Web мастеров, которые «далеки» от HTML языка программирования, есть удобная функция:
— Получить код
Получить код
В верхней части открывшегося окна заменяете адрес онлайн сервиса на ссылку нужной вам страницы и обновля

Создание таблицы в HTML

В языке разметки HTML таблицы используются не только для представления каких-либо данных в виде строк и столбцов, но и как средство форматирования страниц и задания расположения различных элементов.

Другими словами, в HTML оформление таблицы может быть вовсе не заметным, однако выполнять функцию каркаса, занимая всю веб-страницу.

Можно поместить, например, в её левый столбец меню, основную информацию в средний, а контактные данные — в правый. Читать →

Сбрасываем лишний вес, или Изображения, я с вас худею!

4



 

Сегодня мы снова будем вести репортаж с поля боя, на котором веб-разработчики ведут борьбу с лишним весом своих картинок. И сейчас мы расскажем об оружии против больших размеров — инструментах для оптимизации изображений. Ни для кого не секрет, что картинки любят долго грузиться, но отказаться от них, увы, никак нельзя. При этом, почему-то, многие забывают, что с помощью оптимизации возмно получить меньший размер при сохранении качества. Итак, приступим.
В качестве подопытного кролика мы взяли изображение в формате *.png весом 122 Кбайт, которое было использовано для анонса нашего доклада на OSDN Conference 2013. Во время оптимизации мы не меняли никаких параметров приложений или онлайн-сервисов, если таковые были доступны.

ОНЛАЙН-СЕРВИСЫ ДЛЯ ОПТИМИЗАЦИИ ИЗОБРАЖЕНИЙ

Smush.it принадлежит компании Yahoo!, которая, кстати, также развивает утилиту YSlow для анализаскорости загрузки сайта. Сервис не имеет дополнительных настроек, для его использования необходимо просто загрузить изображения со своего компьютера или указать ссылку на изображение, которое следует оптимизировать. Smush.it работает с GIF, JPEG и PNG, а размер загружаемых файлов ограничен 1 Мбайтом. Поддерживается пакетная обработка.
Для WordPress есть плагин WP Smush.it, который работает на базе данного сервиса. Познакомиться с ним и установить его можно здесь. Наше тестовое изображение после обработки уменьшилось в размере со 122 Кбайт до 76 Кбайт, т.е. потеряло 46 Кбайт или 38% от своего первоначального размера.
Kraken.io — ещё один сервис для уменьшения размера изображения без потери качества. Есть бесплатная и платная версия. Последняя от первой отличается тем, что нам становится доступен API, а также увеличивается размер и количество изображений, которые можно загружать. В бесплатной версии есть только веб-интерфейс и действует ограничение в 1 Мбайт для каждого загружаемого файла. Пользователю доступно два режима — Lossless и Lossy. Используя режим Lossy, можно максимально сжать размер изображения, но с некоторой потерей качества. Сервис работает с GIF, PNG, JPEG. Также пользователю доступна пакетная обработка.
Кроме того, в Chrome Store доступно расширение Kraken.io Image Optimizer, которое оптимизирует все изображения на какой-либо странице сайта. Просто заходим на нужную нам страницу и запускаем его, а на выходе получаем похудевшие на порядок изображения. Также есть плагины для Magento и WordPress.
Наше подопытное изображение в режиме Lossless потеряло 53 Кбайта или 43% и стало весить 69 Кбайт. А в режиме Lossy изображение на выходе имело размер 40 Кбайт, т.е. оно похудело на 82 Кбайта или 67%. При этом мы, по правде говоря, не обнаружили потерь качества.
Compress PNG – это ещё один онлайн-сервис, который позволяет уменьшать размер изображения без потери качества. Пользователь может загрузить до 20 изображений, которые поочерёдно будут обработаны. После загрузки можно дополнительно уменьшить количество цветов, получив в итоге файл ещё меньшего размера. Сервис работает с PNG. Также поддерживаются JPG, BMP, ICO, GIF и JPG, которые в автоматическом режиме конвертируются в PNG. Есть версия сервиса, которая работает с JPG, не конвертируя в PNG. Дополнительно она позволяет обрабатывать BMP и PNG, но автоматически преобразовывает их в JPG.
Наше изображение после оптимизации стал весить 40 Кбайт, то есть потеряло 82 Кбайта или 67% от своего первоначального размера. Согласитесь, что это прекрасный результат.

УТИЛИТЫ ДЛЯ ОПТИМИЗАЦИИ ИЗОБРАЖЕНИЙ

RIOT (Radical Image Optimization Tool) — бесплатный оптимизатор для ОС Windows. Пользователь может обрабатывать свои изображения в автоматическом режиме или в ручном, настроив данную утилиту более тонко. Загрузить её можно с официального сайта, кроме того, здесь вы найдёте это же приложение в виде плагина для The GIMP, IrfanView, XnView. RIOT поддерживает PNG, GIF, JPEG, есть пакетная обработка. Для того, чтобы оптимизировать несколько изображений, выберите в меню «Tools» пункт «Bath Optimizer…». В этом режиме можно добавлять файлы, каталоги и каталоги с подкаталогами.
Наш тестовый образец после оптимизации посредством RIOT стал весить 108 Кбайт, т.е. потерял всего 14 Кбайт или 11%. Однако для достижения большего эффекта следует обратить внимание на ручной режим, который позволяет изменять множество настроек.
PNGGauntlet — бесплатная утилита для оптимизации размера изображений без потери качества, которая работает в ОС Windows. Пользователю доступен автоматически и ручной режим с большим количеством настроек, которое помогут добиться лучших результатов в борьбе с лишним весом. Работает с форматами JPEG, GIF, TIFF, BMP, PNG, после оптимизации конвертируя всё в PNG.
Тестовое изображение после оптимизации стало весить 72 Кбайта, потеряв 50 Кбайт или 41% от своего первоначального размера.
ImageOptim — оптимизатор изображений для Mac OS X. Он абсолютно бесплатный, скачать его можно наофициальном сайте, а краткая инструкция на русском языке доступна здесь. Пользователь может использовать автоматический режим или выбрать определённый инструмент оптимизации. ImageOptim поддерживает PNG, JPEG и GIF. Кстати, официальный сайт разработчиков подсказывает, что для Ubuntu можно использовать бесплатный оптимизатор Trimage.
После оптимизации мы получили изображение размером 73 Кбайта, которое потеряло 49 Кбайт или 40%.

СВОДНАЯ ТАБЛИЦА

Для наглядности мы решили составить небольшую таблицу.
НазваниеИсходный размер, КбайтНовый размер, КбайтИзменение, КбайтИзменение, %Тип
smush.it1227646-38Онлайн-сервис
kraken.io (LOSSLESS)1226953-43Онлайн-сервис
kraken.io (LOSSY)1224082-67Онлайн-сервис
Compress PNG12240/td>82-67Онлайн-сервис
RIOT12210814-11Windows
PNGGauntlet1227250-41Windows
ImageOptim1227349-40Mac OS X
Желаем вам лёгких изображений!

CASE STUDY

В заключение — небольшая история. Однажды, один хороший человек, который в то время был фрилансером-студентом, делал сайт одному клиенту. Дизайн был сделан довольно быстро, дизайн был хорош. Но из-за авралов получилось так, что у студента не осталось времени для того, чтобы натянуть его на Joomla. Поэтому пришлось его залить обычной картинкой, а кликабельным сделать только меню.
На свой законный вопрос о том, почему с сайта не получается копировать текст и картинки, клиент сам себе и ответил, что это наверняка сделано для того, чтобы конкуренты не украли контент. Разработчик охотно согласился на эту версию и подтвердил: «Ага, именно!». В таком состоянии сайт просуществовал довольно долго, пока клиент не решил самостоятельно менять текст и не начал задавать вопросы о панели управления.
В итоге сайт таки пришлось натянуть на Joomla, клиент смог менять свой текст в любое удобное ему время без перерывов на обед, а студент получил душевное спокойствие, поскольку текст клиент менял невероятно часто и по всем страницам сайта, а перерисовывание картинки по этому поводу было задачей весьма трудоёмкой.
Из вышеизложенного следует два вывода.
  1. Лгать нехорошо.
  2. Если лжёте и делаете сайт-картинку, то хотя бы уменьшайте размер изображений посредством оптимизаторов, которые были описаны выше.

Автор: Guest Rooms «Varnaflats.eu»
Дата публикации: 2017-04-09T12:43:00.003-07:00

Обзор инструментов для сжатия изображений

Для ускорения сайта, некоторые рекомендуют проанализировать каждую страницу: оптимизировать запросы HTTP и любые перенаправления, сжать скрипты и стили и т. д. Все это без сомнения необходимо, но в первую очередь важно рассмотреть основы. В частности, вы уверены, что любая графика, которую вы используете на создаваемых сайтах, полностью оптимизирована для Интернета?

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

Сложно сказать наверняка, насколько теряется качество при сжатии изображений, так как это во многом зависит от источника графики. Некоторые JPG можно уменьшить всего на 50-100 байт. Обычно нормальную интернет-графику нужно сжимать на 10-40%, без потери качества изображения (также можно это реализовать и с уменьшением количества цветов или с перекодированием файлов JPEG в другие форматы). Но в идеале для сжатия изображений использовать специальные программы или веб-сервисы, которые и будут рассмотрены в данном обзоре.

Тестирование

Так какие же программы лучше? Чтобы дать ответ, мы рассмотрим 18 основных конкурирующих между собой программ. В основном это инструменты сжатия изображений для Windows, так как они наиболее распространены. Но мы также включили опции сжатия с потерями, программы для Mackintosh и веб-сервисы, поэтому есть надежда, что каждый найдет для себя что-то полезное.

Мы попробовали c помощью каждой программы сжать одинаковые наборы изображений GIF, PNG и JPG, каждое из которых фактически было образцом веб-графики, найденных нами на ряде реальных сайтов. Также была произведена проверка программ и по другим пунктам. Удобны ли они для пользователя? Насколько быстро шел процесс сжатия? Надежность? Может ли программа, например, увеличивать размер изображения?

Результаты оказались очень интересными, приглашаем и вас с ними ознакомиться.

Программы

1. AdvanceCOMP 1.15

Платформа: Windows

Устаревший инструмент использующий командную строку и с минимальной поддержкой. AdvanceCOMP вряд ли подойдет для среднего пользователя ПК, привыкшему к графическим интерфейсам. Для тех же, кто привык работать с командной строкой, ничего сложного в ней нет. Так, всего одна строка:

'for %a in ("C:PNG FileFolder*.png") do advpng -z -4 "%a"'

позволяет применить алгоритм сжатия без потерь для каждого файла в папке, заменяя оригинал на сжатую версию.

Тем не менее, полученные результаты оказались весьма далеки от идеала, и наша тестовая картинка PNG сжалась всего на 14,2% (только один инструмент из попавших в обзор сервисов оказался еще хуже).

сайт

2. Caesium 1.4.1

Платформа: Windows

Caesium — это простой инструмент с открытым кодом, который предназначен для сжатия PNG, JPG и BMP. Это достаточно удобная в использовании программа. Нажмите кнопку Add/Добавить, выбери