Приветствую вас дорогие читатели isif-life.ru. Сегодня, в данной статье я хотел бы рассказать вам о том, как я уменьшаю вес картинок, которые вставляю в статьи блога, а так же о том, как можно оптимизировать графику для дизайна блога.
Думаю эта статья будет полезна многим ребятам. Недавно написала мне одна женщина и говорит, — «Александр помогите, у меня на хостинге заканчивается место, что делать. Я вроде блог то веду всего пол года, а уже места не хватает на хостинге, а изначально у меня там 10Гб». =)
Мне самому стало интересно и я решил посмотреть, как это же так получилось, что место закончилось. Оказывается... Женщина вставляла в посты изображения огромных размеров. Она ведет блог на кулинарную тематику и на фотоаппарат фоткала свои блюда и сам процесс приготовления.
Иногда в одном посте было по 10-15 картинок каждая весом по 4-5 мб. =) Естественно так ни какого места не хватит это раз и два — поисковые системы однозначно понизят этот блог в поиске за то, что он долго грузится.
В общем рассказал я ей как правильно оптимизировать картинки для блога, теперь и вам расскажу. Я покажу вам три фишки по оптимизации графики.
1) При помощи программы Snagit.
2) При помощи Adobe Photoshop.
3) При помощи сервисов оптимизации графики.
Думаю, что многие ребята все это уже и так знают и для них я ни чего нового не скажу (еще и меня научат чему-то), но думаю, кому-то инфа будет как раз кстати. Вот для них и пишу. Итак способ первый. Программа snagit. Вот фотка, которую я сделал на фотик Canon 600D:
Размер: 5,75 МБ!
Чтобы уменьшить вес картинки я открываю это самое изображение в любой программе просмотра изображений, далее запускаю Snagit и делаю обычный скриншот этого изображения. Более подробно об этом я писал тут. Итого вес картинки сразу уменьшается в несколько раз.
Размер: 77,4 Кб.
Но это еще не все. Мы уменьшили вес картинки. Можно уменьшить еще и размер. Обычно мы любители вес уменьшить, а на размер забиваем, мол в редакторе wordpress будем картину вставлять в пост и уменьшим... Лучше все же сразу это сделать.
У нас картинка эта лежит на рабочем столе. Правой кнопкой нажимаем на нее — > Открыть с помощью — > Microsoft Office Picture Manager.
Далее жмем — > Изменить рисунки — > Изменение размера. Выбираем «Произвольные ширину и высоту» и ставим тот размер который нам нужен.
Вот у меня в пост влезают картинки размером 631×419. Вот такой размер я и ставлю.
Жмем «ОК». Далее как обычно — > Файл — > Сохранить как -> Выбираете куда сохранить картинку. Вот что у меня получилось:
Размер: 51,8 Кб. Еще меньше.
Это тоже еще не все. Далее идем в сервис kraken.io, жмем «Выберите файлы с диска», загружаем нашу картинку и автоматически начнется ее оптимизация. Снизу можно через какое-то время нажать «Скачать этот файл».
Изображение уменьшилось еще на чуть-чуть без потери качества:
Размер: 49,3 Кб.
Итого мы уменьшили вес изображения в 100 раз. Кстати если каждая картинка для вашего поста меньше 50 Кб, то это как раз самое то. Больше уже плохо! Я раньше всегда забивал на эти действия и зря, сейчас жалею. У меня есть посты где картинки и 200 и 300 Кб весят и даже 500+.
Если все ваши изображения для блога будут оптимизированы, то это однозначно скажется на продвижении блога. Поисковики любят когда блоги и сайты быстро грузятся.
Как вам такой способ? Может кто-то подскажет что-то более лучшее и простое? Буду только рад услышать советы и предложения в комментариях.
Теперь давайте поговорим об оптимизации графики для дизайна блога. Вот все знают, что я недавно поставил новый дизайн на блог. Получилось так, что Хедер (шапка блога) весила 1,23 Мб, а футер (подвал) — 988 Кб. Однозначно нужно было что-то делать, чтобы уменьшить вес картинок без потери качества, а если и с потерей, то самой минимальной.
Если бы все оставить как есть, то представьте как бы долго загружался блог. Вместе вся графика блога весила более 3 Мб. Это очень много! Сейчас 1,7 Мб. Это нормально! Я не имею в виду только шапку и футер. Я говорю про всю графику в целом.
Шапка, футер, сайдбар, кнопки, формы подписок, фон и т.д. Чтобы узнать сколько весит вся графика вашего блога, зайдите на свой сервер в папку wp-content/themes/название темы/. Всю папку images скопируйте на рабочий стол и посмотрите сколько все вместе весит. Сколько? Напишите в комментах у кого какой вес? Мне просто интересно!
В общем сейчас я расскажу вам как я уменьшал вес своего дизайна при помощи Adobe Photoshop. Уменьшал я только файлы формата jpg. Остальные не знаю как уменьшать, например png файлы. Если кто подскажет буду только благодарен.
Короче открываем фотошоп. У меня Adobe Photoshop CS6 Portable. И открываем в нем нашу не оптимизированную картинку. Вот она:
Вес: 1,23 Мб.
Далее просто жмем -> Файл — > Сохранить для web:
В открывшемся окне сверху справа поставьте все вот так:
Набор — выбираем: Высокое качество JPEG. Далее ставим галочку — прогрессивный, а качество выставляем 70%. Все. Ниже жмем сохранить. Размеры не меняем естественно!
Вообще можно качество в % и уменьшить. Я ставил 60% и оно практически не менялось. Ну если только вообще уж присматриваться конкретно! Мог бы оставить и 60 или 65%, но оставил 70%. Так вообще качество не теряется и все вы наблюдаете красивую картинку. Просто у меня цветов на блоге много, дизайн яркий и рисованный, поэтому тут оптимизировать сложно! Стандартные же темы можно оптимизировать жестко и никто ни чего не заметит.
В общем в итоге из 1,23 Мб, я получил 477 кб при оптимизации шапки и из 988 Кб получил 324 кб при оптимизации футера. Ну естественно оптимизировал и другие картинки формата jpg. Тоже конкретно уменьшил размер. Вот вам такая информация в общем по оптимизации графики для сайта. Пользуйтесь.
А вы оптимизируете графику для блога? Как вы это делаете? Может подскажите какие-то более классные способы? Спасибо! А турнир продолжается.
Кроссворд №3.
P.S. Начал работу над созданием нового видеокурса [urlspan]"Как стать блоггером тысячником 2.0[/urlspan]". Все подробности скоро напишу в новой статьей на блоге. Не попустите и подпишитесь на обновления.
P.P.S. Ребята хочу попросить прощения за свою рассылку. Я думаю многие поняли о чем я. На днях сделал скриптом рекламную рассылку нового курса по всем своим клиентам, кто покупал мои продукты. Кому-то пришло аж по 5 писем. Все дело в том, что скрипт отправляет письмо каждому клиенту каждого продукта.
То есть если вы покупали у меня 5 курсов, то и писем вам придет 5. =) Ну вот такой он тупезень. =) Простите его и меня. Надеюсь на понимание! Спасибо!
С уважением, Александр Борисов
«Боец в мортал комбат.»
Это ты выдумал когда играл в свою приставку?)
Насчёт статьи. Считаю что ты даешь вредные советы.
У тебя на сайте даж «поделится с друзьями» картинки так жутко пережаты, только слепой не заметит.
Оставь ты это дело, не учи людей тому что сам умеешь кое как.
Это не пережатость, это такие кнопки и есть, с легким эффектом (я так думаю) 🙂
Как я понял, Александр не учит других. а делится свои опытом, а тут уже дело каждого — делать или нет.
Кстати, PNG не всегда получается корректно сжать — начинаются идти полоски и искажения.
Раньше я пользовался ACDSee 14, теперь иногда использую онлайн-редактор PIXLR, про который подробно написал еще в прошлом году и Corel Photo Paint — аналог всеми любимому Фотошопу.
видно же это не пережатость, это текстура )
а кнопки симпатичные, но думаю на такие экзотические меньше кликают
Про бойца да.
А кнопки нормальные. Может стоит обновить страницу?
У тебя и на синем фоне квадратики, всё пережал)
Нет, тут не в странице дело. Дело в том что ты взялся за то в чём не разбираешься. Ну, ошибки они на то и ошибки, что бы учится.
Лисенок повторю, обнови страницу. У меня ни чего не пережато, все сжато без потери качества. 😉
А как я по твоему читаю комменты? Конечно обновляю.
Так у тебя фон выглядит в браузере?
Кстати, в длинных темах он нормальный если листнуть вниз. А так вот квадратики какие-то.
Хех, забавно =) background задан картинкой (и еще, не понятно зачем, дописан фоновый цвет) — какие тут квардратики могут быть? Хотя да, могут быть:
Они бывают на картинках как раз в таком случае как у тебя, Лисенок =) если не прогрузить страницу до конца — вот в чем причина.
Тох, фоновый цвет прописывается чтобы, в случае, если будут смотреть сайт при выключенных картинках, фон не был белым, а с заданным цветом.
Нормальные советы, Александр, спасибо! В сафари все нормально и картинки хорошо выглядят.
Владимир, не знала, что ты любитель яблок))
Я бы тебя в мк сделал)
пфффф
Да, подеритесь ещё. х)
Спасибо за очень полезную статью! Когда искала в поисковике оптимизацию картинок, ваш пост оказался самым приемлемым! [good]
Ух разгадал... Кроссворд класс!!! [star] [star] [good] [good]
Отправила, теперь буду статью изучать, информация полезная 🙂
Александр , спасибо за полезную информацию. Раньше как-то не задумывался о оптимизации графики на блоге . Теперь буду использовать))
Фуф, отгадал. Надеюсь попал в десятку)
Сколько там ещё кроссвордов впереди?
Еще 12 впереди!
Блиин, пиши статьи каждый день) Не трави душу)
В том то и фишка, что так не интересно! [:-))]
Офигеть Вы над людьми издеваетесь [:-))] Еще как минимум месяц им томиться в ожидании!) Хорошо я не успела на эти кроссворды)) фуф)
Александр, спасибо за статью. Как всегда очень полезно и поучительно. Люблю читать Ваш блог. Процветания Вам, семье и блогу!!!!
Какие вы на фотке клёвые))) и у Жорика такой взгляд умненький 🙂
Почти 3 месяца, а уже бормочит что-то! 🙂
Прикольно) У меня тоже скоро родится сын) Счастлив очень)
Я так же пользуюсь snagit'om и фотошопом — более классные способы и не нужны =) кто к чему привык
А кроссворд в субботний вечер — эх, не ожидал. Надеюсь успел отхватить несколько баллов [:-))] Слово правда оказалось действительно сложноватое
А разве у Вас не получается уменьшать файлы png тем же способом в фотошопе? Я уже довольно давно пользуюсь этой функцией. Там достаточно большое количество полезных настроек: и выбор качества, и количества цветов, и много всего-всего не ведомого обычным пользователям).
Мария напишите статью, будет интересно почитать! 🙂
Вот на счет более 50 Кб одна картинка, что это уже плохо буду иметь в виду. Обычно не обращаю внимание в Фотошопе жму Сохранить для Web и там дальше просто качество Высокое и Сохранить.
У меня папка images весит 89.3 Кб.
Ответ по кроссворду отправил, надеюсь на удачу 🙂
Ни чего себе [:-|] 89.3 Кб. Это как так?
в images хранятся файлы для шаблона, и в принципе, может и пару килобайт весить. От темы зависит. Сами картинки в uploads хранятся )
плюс я что-то намудрил, перепроверил на самом деле 184 Кб [:-))]
так а что там с подлодкой? я так и не разобрался
«У меня папка images весит 89.3 Кб.» — Что-то из области фантастики. 🙂 Видимо там и картинок почти нет.
Наконец с кроссвордом справился. Надеюсь в этот раз один из первых... ВФух...
Андрей ты слово старое отправил.
Вот блин, аааааааааа, что на блин. Как обично... :((
А я же был в првой десятки...
А я Александр, оптимизирую картинки с помощью бесплатного графического редактора GIMP 😉
Слово из кроссворда отправил. 🙂
Спасибо! Почитаем!
Интересно, есть ли те, кто разгадал кроссворд? 🙂
Уйма... 🙂
Александр, Спасибо. Пойду уменьшать вес своих картинок)) 🙂 🙂 🙂
Все. Сама запуталась, сама распуталась и разгадала. очень интересный получился кроссворд! Спасибо. 🙂
И статья прям в тему. Только недавно сын говорит, что не может на сайт свой загрузить фотки. Оказывается на хостинге закончилось место. Вот я второй день думаю, как с этим разобраться. А тут Ваша статья. Заметила, что в файлах лежат по 3 фотки с одним названием, но разными размерами.
Жорик с папой [good] [:-))]
Спасибо! Буду иметь в виду ваш метод оптимизации!
Я тоже картинки уменьшаю, размер стандартно в Паинте, иногда качество в Фотошопе. Размер картинок 40-60 кБ. 🙂
Кроссворд разгадал! 🙂 Слово довольно интересное, но сложноватое. А Я попал в десятку?
Владимир все узнаете в конце турнира!
Лично я ужимаю все с помощью Фотошопа. Там есть функция, оптимизировать для Web. Очень удобно. Кроме этого, можно и в коде прописать размеры.
Ну и я так же [:-))]
А сжимать картинки с помощью Microsoft Office Picture Manager нельзя? Моя папка images весит 740 КБ. 🙂
Не важно, сколько там у вас весят эти папки. Важен размер суммарного трафика, затрачиваемого на погрузку всей страницы, чем он меньше, тем быстрее страница будет прогружена. Замерить можно на pingdom.com, параметр Page Size. Например главная страница Блога Александра занимет 2.3 мегабайта. Главная страница моего блога 349 килобайт. 🙂 Ну, правда там у меня и графики почти нет, унылый дизайн, точнее его отсутствие. 🙂
Я помню, делал себе шаблон, так у меня папка images весила около 5 МБ, сайт при этом получился невесомым. Дело в том что я примерял различные варианты оформления, а старые картинки не удалял из папки. Дело не в том сколько весит папка images, а в том сколько весят используемые из нее картинки. 🙂
Анна, я например только в этом редакторе и сжимаю. Все отлично получается и делается в одной программе: и сжать и обрезать и просто уменьшить.
По поводу рассылки действительно, что-то творилось нечто... за один день пришло около 8 писем, я даже не поняла что это было... Курс заинтересовал, что вы еще новенького можете рассказать о тысячниках... 😉
А вот за статью спасибо, очень ждала момента когда вы поделитесь как уменьшать картинки в png и gif. Та же проблема.
Ответ , отправил . надеюсь победить . Кстатити ,Александр , ваш блог один из лучших в сети.
[good]
Саша, спасибо за советы, для меня актуально, так как в основном посты с фото все. Я давно уже скрины делаю — использую программу FsCapture, но вот размер не уменьшала, только при добавлении в статью. Теперь попробую и так 🙂
Только сейчас отправил ответ сижу на работе с клиентами работаю звонки принимаю неудобно очень еще и с телефона Саша просьба будет можешь сказать я хоть слово кодовое правильно написал? А то я злой сижу сильно сильно((((хоть если буду знать что слово правильно написал спокойнее стану))))
Сашка только не томи))))а то ко мне сейчас вся россия звонит на работе!!!)))) [:-))]
Иван странно как-то вы слово прислали. Там же было всего 6 букв, а вы 7 прислали! 🙂
Аймсори торопился очень и к клавиатуре сенсорной еще не привык там точноо последней буквы нет без нее слово должно быть верным я надеюсь?
Ох совсем переволновался и номер сотового не написал даже(((( а до этого в предыдущих кросвордах писал это сыграет большую роль?
Без нее верно, но ответ к сожалению не засчитан. [:-|]
Телефон конечно сыграет большую роль...
Ни чего впереди еще 12 штук кроссвордов.
Мдааа((((очень жаль,а не засчитан из-за лишней буквы(которая слу-но) проставилась в конце?или из-за телефона?
Из-за обеих ошибок!
Ближайшее два дня на работе буду думаю пост с кроссвордом будет так что я со своим андроидом во все оружие)))) [good] [:-))]
У меня вопрос.
А название картинки тоже как то влияет на оптимизацию?
К примеру как лучше?
Images 1.jpg
или
Images_1.jpg
Или все равно?
Лучше без цифр.
Саша, картинку в png уменьшаем так: Сохранить для Web, в настройках png-8 и даже уже так уменьшится вес, можно уменьшить дизеринг, и это тоже уменьшит вес, а можно уменьшить вес за счет изменения цвета, поставить вместо 256 — 128! Попробуй!
И Gif можно уменьшить дизерингом и цветом.
Фотошоповский сайт еще не открыла, а в существующем о фотошопе уже не пишу.
Ольга спасибо вам за совет! Кто-нибудь сделал бы еще видеоурок, а то что многие слова даже непонятны)).
Ой, может и сделаю, если время найду, но там не сложно, главное открыть фотошоп, в нем картинку и по моему описанию. Все увидите сами.
Ольга мне неудобного говорить, но что такое «дизеринг» и как понять вы говорите «изменить цвет за счет цифр»... это вообще все новые формулировки)) (наверно для меня одной) 😐
Нина, я перешла к вам на сайт, если смогу найти Ваш е-мейл, то скину вас скрины, как уменьшить вес. Правда урок выставлять негде сейчас, да и со временем проблемы.
Спасибо Александр. Полезная статья, но я вроде бы не вставляю огромные изображения.
Фотография с Жориком, супер) Детки всегда очень мило смотрятся с папами)
По поводу программы. Давно уже используем с мужем FastStone Image Viewer. Программа универсальная! Элементарно просто уменьшить размер фото. Убрать эффект «красные глаза» в пару кликов. Легко подправить контраст или баланс цветов (убрать например излишнюю желтизну). Просто пересохранять из формата в формат. Можно делать определенные действия для группы фото. Например, если я собираюсь выложить много фоток в Контакте, я выделяю нужные фото, задаю размер, до которого я хочу уменьшить, и программа сама переделывает размер и пересохраняет фотки. Не надо сидеть над каждой картинкой. Можно подрисовывать элементарные графические фигульки — стрелочки. квадратики.
А главный плюс — программа бесплатная!!!
Я считаю, программка достойная.
Конечно, придется для начала разобраться, где какие функции. Но на самом деле все очень просто.
Спасибо! [good]
Намучилась, конечно, зато узнала, что в Финляндии есть такие города как САЛО и РОЗА. Интересно, в какой из этих двух городов вам было бы приятнее жить? [:-))]
Татьяна слова не верные 🙂
Я знаю 😉 Это так, интересные факты во время разгадывания накопала.
Я тоже все изображения в Фотошоп оптимизирую. Кстати и файлы формата .png тоже в Фотошопе можно оптимизировать таким же образом как и .jpeg.
У меня папка images всего 433 кб 🙂
Есть еще программа Гимп. А также самая простенькая — Майкрософт Пейнт. В Пейнте, конечно, сразу нужно планировать, что дорисовать.
Александр, ваши статьи как всегда на высоте. Я уже давно пользуюсь программой Photoshop для оптимизации своих картинок на своем сайте, но здесь я увидел еще пару интересных возможностей для сжатия картинок. Буду пробовать. Все интересно и лаконично. И почаще радуйте нас новыми статьями.
Мда... ка кто не задумывалась об этом! А надо! У меня один из сайтов об изделиях ручной работы и само собой в основном там фото. Вот сколько же времени уйдет на оптимизацию каждой картинки!
Стараюсь чтобы размер вставляемой картинки был не больше экрана. На сайте картинка сжимается и обрезается по заданному шаблону. Теперь осталось прикрутить Lighbox чтобы при клике на урезанной картинке открывалась полная версия
Папка с изображениями весит 230 Кб. Я стараюсь почти не использовать графику для оформления блога.
Для оптимизации пользуюсь PS, вот здесь даже описываю как я это делаю
Саша, добрый вечер! Позвольте и мне дать Вам подсказку, может, пригодится! Поскольку у Вас нет проблем с уменьшением размеров фотографий в формате jpg, то открываете png-файл в фотошопе и, выбрав «сохранить как» сохраняете его в формате jpg. А дальше работаете как с jpg-файлом.
Андрей не многим так подойдет. Например мне нужна картинка с прозрачным фоном, а это только png. Все равно спасибо!
Так вот почему у меня фон прозрачный исчезает! Все дело в формате!
Согласен с Юлией на счет FastStone на 100%. Пользуюсь только этой программой, т.к. основу моего контента составляют фото ( до 20 шт. в посте). И ничего — хост пока не трещит.
Microsoft Office Picture Manager есть еще один интересный момент, я беру обычную большую фотку, в этой проге обрезаю, уменьшаю, а после есть кнопка сжать рисунок, и тогда вообще получается вес маленький а качество не меняется!
Саша спасибо! Про это не знал. Да, еще меньше файлы становятся.
Делаю скрины FsCapture, там же меняю размер, если надо. Больше 50 КБ не гружу, в основном не больше 35. А вот файлы шаблона буду проверять, может получится уменьшить вес.
Как ни старалась, два слова не смогла отгадать. Больше сил нет. Ну не слушаю я Гуфа!!! И не знаю, кто с ним читает рэп. И хоть и прочла статью Александра «Профессия пожарный», все равно не поняла, что там одно на рукав. [:))]
Я тоже долго с рукавом возилась. Надо же такие вопросы придумать [:-))]
Это нам сложно. А для Александра этот вопрос прост [:))]
С Гуфом поет Вася Вакуленко, а на один рукав — задержка. 😉
Про рукав так и не смогла отгадать, но главное ведь кодовое слово... 🙂
Я сжимаю и оптимизирую с помощью Диспетчер рисунков Microsoft Office он же Пикча Менеджер и моей любимой FsCapture,
Еще часто использую Microsoft PowerPoint 2010
В программе RIOT (бесплатная) можно менять сразу и вес и размер и расширение картинок, причем , как по одной, так и пакетом. [good]
Она англоязычная, но разобраться легко. Кстати, недавно , уже не помню где, нашла русифицированную версию.
А подскажи, в какой программе делаешь скрин с такими рваными краями?
Скрин с рваными краями делается с помощью проги Snagit. Она упоминалась в статье...
Отличный пост ,
Подскажите новичку , а картинки вобще можно держать на левом хостинге , в гугл пикаса например и просто копировать потом в пост ? или так неполучится ?
Получится. Можете просто копировать адрес картинки в сети и вставлять к себе на блог. Но... в случае удаления ее из сайта-источника, или недоступности сайта-донора у вас на сайте она тоже не будет отображаться 🙁 Да и зачем вам на вашем блоге лишняя ссылка на «левый» сайт?
igo2309 спасибо за ответы! [good]
Спасибо, я знала, что нужно оптимизировать картинки и даже читала как, но как-то до них не добралась теперь точно начну, следуя вашим рекомендациям.
Да, с каждым разом, угадывая кроссворд, за спиной только одна мысль, попадешь ли ты в десятку или нет(
А какая у вас самая любимая игрушка на XBox?
Пока что NHL 2012 и Мортал Комбат!
У меня в Мортал Комбат и дочка играет)))
А может вместе сыграем? Профиль не укажите свой?(Можно и на почту). По сети интересно играть)
Можно! Мой профиль
Emercom2013
Я тоже в сети xbox зареган! 🙂 Только я там не знаю как по ней играть, но разберемся я думаю. Когда будем биться? 🙂
Сегодня и начнем! Вечерком!
Сегодня если только после 10 вечера, меня до этого времени не будет дома. Норм?
После 10 самое то. Другого времени тоже нет. Только в это время и играем! По Москве!
Отлично! Тогда спишемся.
Уже передумали Играть?
Я на связи! Только не знаю как там найти игрока?
Всегда оптимизирую картинки в Photoshop. Самая удобная программа имхо 🙂 К тому же он есть онлайн. Не надо лизенцию покупать.
У меня вес папки images весит 281 кв. Вроде ничего так. Ну, с таким дизайном как у Саши, конечно больше будет вес 🙂
Моя папка с картинками весит 183 кб 🙂
поучительно, полезный материал [good]
Использовать скриншот для изменения параметров изображения... мягко говоря, не корректно, да еще используя платные программы.
Юлия дала хороший совет на счет бесплатной и оч. функциональной программы «FastStone Image Viewer», в ней можно сделать всё перечисленное намного быстрее и качественнее.
Конечно (как мы уже проверили) качество сохранения в JPG у последнего Фотошопа лучше, но и стоит он совсем недешево, в отличие от FastStone.
Я у себя на сайте запланировал серию уроков по этой программе, с её помощью даже новичок может фотографии преобразить так, что глаз не нарадуется...
в общем, когда сделаю уроки — приглашу познакомиться с ними 😉
Стоит недешево, для этого и придумали торренты
Спасибо Сергей. Посмотрим что это а программка.
PNGGauntlet и PngOptimizer
Я первой когда-то пользовался!
Александр спасибо за статью.Хотелось бы узнать о продвижении сайта ютубом и твиттером. [:-))]
Возможно будут о этом посты. Но твиттер мне не нравится почему-то!
Спасибо за статью,Саша, я так и подозревала, что дело в картинках, когда на хостинге место сало просто катастрофически пропадать.Они там почему то в 3-х экземплярах появляются — оригинал,миниатюра (это понято) и какой то средний размер. Редактирую я в FsCapture (моя любимица) или на онлайн фото шопе.
А писем мне тоже много пришло, причем половина от тебя, половина от Юли. Ну это ничего, зато знаете как купить захотелось 😀 , записалась, хотела тысячника первого заказать, а тут уже второй, правда сегодня прочитала, что еще в процессе изготовления...Подождем! [flower]
Спасибо Людмила! [good]
Спасибо за рекомендации по оптимизации. Все делаю, как и написано — при публикации картинок на свои блоги уменьшаю их до размере ширины поста, если нужно и меньше.
Использую следующие программы:
1. irfanview — очень удобная, легкая прога для действий типа: взять, вырезать, задать нужный размер, уменьшить размер и выбрать формат. Все можно выполнять с помощью быстрых клавиш, поэтому оптимизация происходит крайне быстро.
2. photoshop — куда же без него ) тут и текст в картинку можно добавить и текстуры разные.
Кстати, для уникализации изображений (только если это не ваша личная, изначально уникальная фотография) использую горизонтальный поворот.
Пользуйтесь на здоровье!
Спасибо, Александр, за познавательную статью.
Лучше уж воспользоваться поиском гугла по картинкам, чтобы проверять уникальность. tineye.com плоховато справляется с этой задачей.
Да вроде не жаловался на его работу ) А как вы проверите уникальность картинки по гуглепоиску? Мне интересно, расскажите.
И вам спасибо за информацию.
Читаю Ваш пост и думаю, блин , так история на мою похоже. Когда прочла, что блог на кулинарную тему- осенило, Да это же и в правду моя история))))))
Спасибо большое, что помогаете нам!
Я уже честно не помню, кто мне этот вопрос присылал! 🙂
Потрясена самой идеей сделать скриншот! За все время даже в голову не приходило! Кроме статьи с интересом прочитала все отзывы. Хороший урок!
Скриншот (фотография с экрана компьютера) весьма удобная вещь. Размеры оптимизируются. А дополнительно можно отредактировать в фотошопе. Если выбирать качество 60-70% тоже хорошо виден рисунок
Поцарапаешь ребёнку щёчку своей щетиной!
Если держать ребёнка в тепличных условиях, то в итоге ему можно вообще, всю жизнь поцарапать как следует. А он будет не понимать, что ж вырос неудачником или со слабым здоровьем. Будет думать что просто так выпало.
Уж лучше пусть царапает щетиной, чем фанатичной заботой. Мы все знаем куда приводят дороги выложенные благими намерениями)
Лисенок я с тобой согласен. Странно 🙂 🙂 🙂
Жорику не повезло, с ним уси пуси не будет.
Александр , PNG файлы можно оптимизировать с помощью программы PNGGauntlet или XnView отличная программа и можно конвертировать на другие форматы изображение без потери качество в этом все дальше разберетесь самому удачи !
Да оптимизировать то чем угодно можно. Тут главное подойти с умом, не переборщить с оптимизацией, использовать форматы по назначению. Png хорошо использовать там, где мало градиентных переходов. Вот например в png очень хорошо жать всякие пиксель-арты, и векторные картинки, можно значительно сократить вес картинки большого разрешения и действительно без потери качества, а не просто, по субъективному ощущению, как это происходит с jpg. Но png крайне не подходит для фотографий, из-за большого кол-ва цветовых переходв, по этому фотки лучше в jpg жать.
Спасибо за ценную информацию Александр [good] Моя тема весит 196 Kb, это нормально???
Это отлично! 🙂
Интересная информация. Буду пробовать. учиться.
Самое смешное, что у меня почти все упомянутые в статье и в комментах программы есть ! А произвожу всего одну операцию — хирургическую — обрезаю. Про остальное: не видела, не слышала, не знала...
И Александр, и комментаторы стооооолько информации к размышлению дали!
Все мы постоянно что-то новое узнаем. Хоть иногда даже этого и не замечаем 😉
Хорошая и полезная статья, потому что чем меньше весит картинка, тем быстрей открываеться, а это очень важно, как для пользователей так и для гугла 🙂
была такая проблемка 🙂 спасибо Саш 🙂 мне донес раньше чем статья эта вышла 🙂
[:))]
Фотка хорошая))) Как Жорик подрос! Вроде только недавно был пост о его рождении...
P.S. Не обижайтесь, Александр, но похож он больше на маму — ее глазки 🙂
Это тут так получилось. О моя копия. 🙂
У нас сын при рождении был папиной копией, через полгода стал маминой (без шуток), а теперь жутко на бабушку похож [:-))]
Когда нужно изменить размер, использую программу FastStone Image Viewer
Уменьшать вес картинок я начала еще на заре ведения блога, когда попала в первый раз в page speed и увидела рекомендации сервиса. Использую фотошоп, т.к. каждое фото обычно у меня подлежит обработке (цвет подкорректировать там, обрезать, знак водяной влепить). А потом оптимизирую с помощью онлайн сервиса punypng.com. А без оптимизации скорость загрузки блога реально была ниже.
Cпасибо! Оказывается, все более чем просто. И места сэкономить можно уйму.
Раньше пользовался все время фотошопом, но с ним были проблемы: ключ требовал лицензионный, вес программы большой, вирусов нахватался пока нормальный в сети не нашел. А потом мой товарищ порекомендовал мне Paint.NET очень легкая и простая программка. Правда было тяжеловато сразу с фотошопа перейти на пайнт нет, друг даже для меня специально статью написал по пользованию . вот статья, все картинки у него сделаны на пайнт нет и весят также не много. Жаль он последнее время блог этот забросил, боится конкуренции большой не выдержать, вы его Александр подмотивируйте как-нибудь: комментарий что ли оставьте, он Вас узнает так частенько читает Ваш блог.
Почту не ту указал, аватарки нет, вот изменил сейчас
Спасибо Денис. Передай ему, что я мысленно с ним 🙂
Спасибо за статью, очень актуально. Как раз хотела проверить сколько места занимают мои пока немногочисленные картинки и не знала как это сделать. А сейчас я увидела, что мой шаблон при сохранении мной картинки делает еще две ее копии, 120 на 120 и 150 на 150 пикселей. Пока не разобралась зачем он это делает и где заданы такие настройки... Может быть, кто-нибудь подскажет? 😉
Это у вордпресса функция такая. Не во всех темах конечно, но бывает.
Я больше склонин к фотошопу.
Склонен*
Благодарю за статью 🙂 Уверен,что пригодится в недалеком будушем
Конечно надо оптимизировать.
Хотя недавно читал статью, что гугл мол ставит «на особый облик» сайты с фотками качества HD. И в ранжировании имеет место єтот «облик» (конечно же, при условии, что фотка уник. 😉 )
Всего хорошего!
Всем спасибо за комментарии ребята! [good]
Остальные не знаю как уменьшать, например png файлы. Если кто подскажет буду только благодарен.
Не берусь утверждать про PhotoShop, но в Corel PhotoPaint и FastStone Capture готовую картинку можно сохранить в любом формате, выбрав его из списка Тип файла. А если файл уже в формате png он уменьшается он так же, как и другие форматы.
Думаю и в PhotoShop должно быть аналогично...
А чтобы вес не увеличился, перед сохранением кликаем кнопку Options и выбираем Цвет = 256
Я пользуюсь фотошопом и Microsoft Office Picture Manager...
Александр, спасибо за статью!
Я изменяю размер картинки в Microsoft Office Picture Manager, там же и сжимаю их.
Интересно, Александр, можно ли будет приобрести у Вас курс Тысчник 2.0, если ещё не изучена 1 часть? Это будет продолжение?
Людмила, можно! Курс подойдет как для новичков, так и для тех, кто первую часть покупал. Но все же, иногда в курсе я буду ссылаться на некоторые моменты из 1 части.
На гугле есть програма Picasa, простая и удобная как раз для обработки фотографий
Классная фотка! Как похожи! [good]
Я раньше пользовалась прогой JPEGOPT.
Об этих и не слышала. Попробую.
Блин, еле проскролила до конца — море комментов. Жутко много. Так Вас все любят, Саша 🙂 Спасибо за пост. Актуально. Тоже место на хостинге заканчивается. Буду работать над картинками. Больно уж они большие. Удачи Вам и всех благ в инфобизнесе и блогинге 😉
Ага, тут кнопкой наверх не обойтись!) Александр сделайте еще кнопку вниз))
Я тоже кстати все фотки в фотошопе редактирую и размер и оптимизацию и обрезку.
Не обязательно пользоваться Snagit. Вполне достаточно кнопки PrtSc
Я фотошопом пользуюсь, но почитав комментарии много интересного узнала для себя! Спасибо, всем. А Жорик — чудо маленькое, такой очаровашка!!! [good] 🙂
Оо, спасибо!
Помню как-то на одном из своих сайтов столкнулся с проблемой, что при заходе на сайт, фон прогружался достаточно долго, по сколько весил не так уж и мало. Благодаря вашей статье я смогу уменьшить вес, благодарю! 😉
Так же пользуюсь Microsoft Office Picture Manager, надо попробовать и kraken.io
у меня папка images 192 Кб 🙂 я думаю со временем поработаю над дизайном еще.
Про оптимизацию темы понравилась информация. Для меня актуально (собираюсь фон сделать — для своего сайта.
Лично я уменьшаю размер и вес картинки через программу paint.NET. Там когда уменьшаешь вес картинки уже показывает превью(как она будет выглядить,и какой у неё размер в данный момент)
классный кроссворд мне понравился [:-))] в дальнейшем буду к вам заходить
Давайте в скайп писать наш demnos_d или в контакте, чтобы тут не флудить?
Давайте вконтакте
что такое «флудить»? И кто это делает (пример)? [:-|]
Это мы решили поиграть по сети, а писать в постах не стали об этом и решили перейти на контакт)) А флудить, это значит писать не о том. о чем надо писать здесь.
Аааа, ясно. Ну, приятно поиграть!
Круто поиграли! Кабал винс 🙂 🙂 🙂
В теме папка с картинками у меня весит 241 кб. Но я люблю, когда в блоге большие картинки. Места на хостинге достаточно, это не проблема. Использую плагин Auto Highslide, который позволяет плавно увеличивать изображение без перезагрузки страницы. Хотя согласна, вес фотографий все же нужно уменьшить. Возьмусь за эту проблему на досуге, спасибо за подсказки!
Александр, а можно ли просто использовать тот же Microsoft Office Picture Manager? Просто выбираем там функцию сжатие рисунков, а затем сжимать для веб страниц. Это будет считаться оптимизацией? Такой способ, который Вы показали хорош, когда одну-две картинки надо оптимизировать, а если их 15, например, у меня пошаговые рецепты, то это очень долго получится.
Размер картинки всегда уменьшаю, особенно если гружу много (иногда свыше 50), а про вес что-то как-то и не думала 🙂 Итого в среднем картинка весит 300 мб. И вроде страницы нормально грузятся, а посмотрела, сколько места на сервере, — почти 10% уже занято 🙁 Это ладно, я там еще кое в чем с картинками накосячила, альты не прописала. Теперь нужно вернуться и сделать это с более 400 картинками. Эх, прощай 2-3 дня из жизни... Как думаете, стоит ли перезаливать все изображения, но уже уменьшенные? Как роботы к такому относятся?
Я тоже умньшаю размеры картинок в Microsoft Office Picture Manager — все просто и понятно. У меня обычно вес картинки в посте около 100 Кб, думал, это нормально, вроде быстро все грузится) Попробую еще меньше вес делать.
«вроде быстро все грузится»
----
Притормаживать загрузку могут и «чужие» картинки на блоге, например, кнопки плагина социальных сетей. Сам только недавно обнаружил это досадное «торможение» — сейчас готовлю статью и видео о решении этой проблемы...
Здравствуйте Александр. Тот метод уменьшения изображений, который вы предлагаете для меня слишком долгий. У меня сайт о ногтевом дизайне и в каждой статье минимум фоток 5 есть. Я использую программу Exif wMarker. В ней можно не только размер изображений изменять, но и ставить водяные знаки. Так же эта программы поддерживает работу с папками, то есть можно сразу все изображения из папки изменять.
Каждый выбирает тот метод, который ему более комфортен, статья просто знакомит читателей с одним из методов. 🙂
Для меня тоже проблема. Много фотографий, хотя и уменьшаю вес и размер. Надо попробовать сервис, который Вы посоветовали. Любопытно.
Я просто Фотошопом ужимаю и никаких проблем [good]
А я просто использую Paint, который входит в стандартный пакетWindows.
А где там можно ужимать формат [:-|]
Да, интересно, где можно в Пайнте ужимать размер? [:--_)]
Там есть кнопка «изменить размер». Нажимаете на нее и всплывает окошко. И там вместо ста % ставите тот процент, который вам нужен. Картинка и уменьшится. 😉
То что мне надо! 😉
Спасибо ! за хорошую и понятную статью.
Обложка нового курса похожа на тематику Евгения Попова. Он когда обновлял первые версии курсов, делал подобный дизайн.
Как книжечка получается. И коробка больше по размеру [good] .
Саша спасибо за статью очень полезная получилась статья. Хочу спросить если оптимизировать все картинки и заменить их это сильно повлияет на выдачу в поисковиках. Не получится так что придется ждать новой индексации блога.
Хороший пост, спасибо Саша. Я когда заказывал логотип для своего блога, первоначально его размер был 1,5 Мб, понятно что это слишком много. Использовал on-line сервис приведенный в статье, размер стал около 55 Кб, как раз то что нужно.
Здравствуйте, Александр! Забрела к Вам случайно, но вот как прочитала эту статью, поняла, что ничего случайного не бывает. У меня всегда к каждой статье фотографий 5-10 прикрепляется, и я раньше даже не задумывалась о том, какого размера фотографии и сколько они весят. Почему-то сложилось такое мнение, что на сервере места предостаточно. Теперь призадумалась, буду работать в этом направлении :). Благодарю за информацию!
Очень интересует один вопрос. Важно ли, при вставке картинки в пост, указывать на него ссылку. Вот, например, у вас Александр ссылки нет, то есть кликнуть на картинку нельзя. А я всегда оставляю текущую ссылку. Влияет ли это на что-нибудь?
Не обращала на это внимание, у меня всегда можно кликнуть на картинку, это имеет какое-то значение?
я думаю что здесь главную роль играет адоб фотошоп
Насчет дизайна, лично мне понравилось, отличной дизайн! Ну, вообще то я заходил специально о дизайне писать коммент, однако не смог пройти и мимо этой статьи.
А так, да изображений следует оптимизировать, сжимать вес и размер. Раньше я тоже особое внимание не обращал на этот момент. Само собой, всегда делаю скриншот, потом обрабатываю в программе Пайнт Нет, подсел я на эту прогу.
В фотошопе есть опция «Файл» — «Сохранить для веб-устройств» вот там лучше всего получается сжать вес рисунка практически любого формата. Но раньше мне было лень через Фотошоп пропустить, в Пайнт Нете делал, сохранял и заливал на сервер. В итоге много картинок больше 50 кб набралось, хватает картинок и с весом больше 100 кб.
Я раньше пользовался Paint.net, теперь надо изучать фотошоп.
Если вам просто размер уменьшить и вес ужать, то это можно сделать в более простых редакторах и даже во многих программах-просмотровщиках (т.н. view-верах), например, Irfanview
Полезная статья [good] , хоть сам и дизайнер но до такого способа как то не додумался (я про скриншот). Думаю теперь буду пользоваться, правда немножко времени занимает данный способ
Зраравстуйте Александр с интересом прочитал эту статью.
У меня к вам вот такой вопрос я очень часто с картинками поступаю так.
Загружаю их на какой-нибудь фотохостинг Радикал например или ImagBam, сохраняю ссылку
и из админки WordPress при вствке картинки выбираю опцию загрузить картинку из URL.
Таким образом страница грузиться из моего хостинга а изображения из больших фотохостингов.
Вроде всё работает исправно, но у меня СОМНЕНИЕ...
Не повредит ли это оптимизации и ранжированию сайта, изображения конечно не оформлены как ссылки без тега никуда не ведут, но всё таки. Если знаете отвер прокоментируйте пожалуйста.
Ах да и чуть не забыл. Как вы думаете насколько важна уникальность картинок?
Вынужден честно признаться я не покупаю картинки в фотобанках они там стоят от 16 евро в Istockfoto например я просто краду их с других сайтов. Может это и не хорошо но другого оптимального способа достать картинки и не разориться я не знаю. Вопрос в следующем НЕ УНИКАЛЬНОСТЬ картинок может негативно сказаться на продвижении сайта. я не имею ввиду продвижение по Картинкам разумеется расчитывать на это с чужими картинками это вообще нахальство. Я имею ввиду просто не понижается ли рейтинг сайта за использование не уникальных картинок при ОТСУТСТВИИ не унуикального контента?
Очень интересно, спасибо за информацию!) [good] 🙂
Спасибо очень интересно и актуально. Супер! Как раз занимаюсь на сайте оптимизацией изображений.
Я просто уменьшаю размер в Microsoft Office Picture Manager до своего 599, вес обычно уменьшается до 70-100кб, вроде меньше и не надо.
Я думаю у всех сейчас есть фотошоп. Вот в нем уменьшаем картинку до минимально приемлемого размера, а потом онлайн-сервисом снижаем ее вес. Вот и все! Мне нравится сервис punypng.com. Ну как нравится? Просто первым под руку попался:)
Хочу посоветовать очень удобную программу FastStone Capture с помощь которой, легко подготовить изображения и фото для блога. В ней вы сможете изменить размер, обрезать лишнее, провести коррекцию цвета, уменьшить вес + можно добавлять поясняющие надписи, стрелки, эффекты, водяной знак, выделять текст маркером.
И картинки получаются хорошего качества. [good]
—
Для тех, кто не хочет осваивать PhotoShop или устанавливать другие специализированные программы можно использовать какой-нибудь хороший онлайн редактор, например, Pixlr
Картинки это груз и большой точно.
Оптимизация изображения нужна непременно.
Ведь грамм по грамму и масса может достичь и кило.
А с лишним весом и самому тяжело идти, а блогу точно.
Статья полезная , для меня так точно.
Скажите пж где или как сделать такие суперские кнопки — поделиться?
Жорик просто супер. Растет!
Кнопки «Поделись с друзьями» прикольные.
Надо бы мне тоже посмотреть сколько места мои картинки занимают. 😀
Спасибо за статью! Она хороша не только тем, что дала многим понятие как можно пользоваться ресурсами для понижения веса картинок, а еще тем, что это НУЖНО делать в обязательном порядке. К примеру я пользуюсь фотошопом. [good]
P.S. В продолжение разговора хочу добавить информацию о программе Advanced JPEG Compressor. На мой взгляд, это не плохое решение, вот результат
Что-то действительно получилась статья из серии «вредные советы» - если уж оптимизировать под диалап то лучше делать красивый текстовый дизайн, без графики и минимумом фотографий. А то шапка и футер жутко ужаты.
Из конкретики:
— советовать пользоваться фотошопом ради ужимания картинок конечно хорошо, но не очень правильно — легальная программа стоит немалых денег
— ставить 70 качество у jpeg тоже мрачно — этого явно недостаточно для более-менее качественного контента
— «скажи Ретине досвидания» — в творениях Apple сайт с картинками вставленными один-в один по размеру на экране и реальном размере картинки в пикселях будет очень убого... а недалек тот час когда подобный подход к картинкам будет не только у Apple. Грядет эра HD, вы потом будете все картинки перезаливать?
— очень странно хвалиться килобайтами размера картинок в век потокового видео... какая разница сколько едениц килобайт вы сэкономили, если пользователь лвиную долю времени в сети смотрит видео с никак не менее чем 300-500 кбит/сек. А вот качественный вид, блеск сайта может дать гораздо больше чем мнимые доли секунды на загрузку
Все является моим скромным мнением 🙂
Да, забыл написать дельный совет: не занимайтесь оптимизацией картинок и их оценкой на мониторе дешевле 300 евро или ноутбуке дешевле 1500 евро... 😉
У меня ширина сайт бара 550, сделала как описано в статье, но при загрузке все равно стоит размер Средний (300 × 248) и его никак нельзя изменить на 550
Ну, я как всегда с разбегу не всё поняла, но буду разбираться. Правда техническая часть для меня всегда туго как до утки на десятые сутки доходит. [flower]
Почему женщины всегда так себя не любят?
Александр, очень актуальная тема! Спасибо за этот материал! 😉
Александр, вопрос. Вот я уже давно «уменьшаю» картинки, только без указанного вами сервиса «kraken.io». Программа "Snagit ", скриншот, затем изменяю картинку до нужных мне размеров в Microsoft Office Picture Manager, и помещаю в статью.
Попробовала Вашим способом, с использованием «kraken.io». — пишет тип файла не поодерживает. Насколько важна работа с последним сервисом?
Спасибо, ваши рекомендации по оптимизации фотографий и графики очень кстати!
Мой блог молодой, и я рада, что попала на вашу страничку сейчас, а не когда уже было бы поздно.
А я пользуюсь программой Riot, очень действенная штука. Причем программа специализированная, именно для сжатия картинок. Даже сам фотошоп сжимает не так хорошо как программа riot, не нарадуюсь.
Александр, отличное руководство! Кстати, есть еще более простые способы, как уменьшить размер картинок, я про эти способы уже писал в своей статье «Как уменьшить размер фото».
Действительно полезный пост. Никогда раньше не задумывался об этом. Но, когда на хотинге объём начал резко увеличиваться, начал думать, как его уменьшить. И понял, что картинка — это, что занимает больше всего места. Теперь знаю как уменьшить их вес.
А я сжимаю картинки и в размере и в весе через программу FSCapture или ACDSee. И та, и другая прекрасно справляются со своими функциями. Кстати, FSCapture еще и видео снимает с экрана в идеальном качестве и минимальном размере.
Александр, очень полезная статья, как раз искал как уменьшить размер изображения)
Теперь знаю, как оптимизировать картинки, хотя в основном те картинки которые мне попадаются весят 20-40 кб 😉
А я делаю сжатие рисунков в Microsoft Office Picture Manager. Про уменьшения размера там же как-то не догадывалась.
Я все в фотошопе делаю. Меня всегда интересовал оптимальный р-р картинки для поста, пыталась сжать как можно больше, но чтобы качественно выглядело конечно. Теперь знаю — не более 50 кб. Спасибо за инфу! [good]
Спасибо за очередные полезности, Александр!
Каждый раз, когда читаешь очередную Вашу статью, думая при этом: «С сайтом у меня все норм вроде...», понимаешь, что на самом деле еще «поле непаханное»:) Пойду «пахать»:)
Полезная статья. Пошел оптимизировать изображения. Давно собирался.
И еще. Как подписывать изображения? В том плане, чтобы название написать на картинке.
а можно все это делать с помощью одной какой то программы?
И последний вопрос. Нет ли у вас статьи на блоге про оптимизацию изображений под поисковые системы? Если нет, то может в скором будущем появиться???
Чет не то получается. Начал оптимизировать через smagit и размер изображений только увеличивается. Так в первом случае увеличился с 48 mb до 319, во втором случае с 63 до 380 и так далее.
Может данный способ подходит не для всего?
Допустим только для фотографий. Или как?
Просто у меня на блоге все изображения практически из интернета. Не разу их не оптимизировал. Думал станут еще легче, еще лучше и т.д......
А получается наоборот.
И еще вопрос. В каком формате лучше сохранять изображения для блога?
Фотографии?
Спасибо Александр. Очень полезная информация. Я правда фотошопом пользуюсь. Но сейчас попробую воспользоваться Вашим советом. 😉
На самом деле, самый простой способ ужатия картинок — воспользоваться Adobe FireWorks
Отичный материал. Особенно спасибо за ссылку на kraken.io. Пойду оптимизировать картинки на своем сайте.
Сжимаю при помощи Snagit. Программу эту, я думаю вы её хорошо знаете,
Александр подскажите пожалуйста, как вы вставляете изображения в рамочки. Как стиль подписи меняете и логотип вставляете?
В фотошопе все руками делаю сам.
И картинки сами рисуете?
Сжимаю картинки через фотошоп. Спасибо за информацию!
Александр, СПАСИБО ОГРОМНОЕ за эту статью!!! Я раньше вообще ничего не знала об оптимизации изображений((( и к своему сожалению на сайт добавляла изображения с очень большим весом, теперь сайт очень долго грузится((( Скажите пожалуйста, мне можно изменить заново те изображения которые уже есть на сайте (их очень много) и если я их изменю сейчас это не на что не повлияет? или мне теперь нужну добавлять только новые оптимизированные изображения? Заранее СПАСИБО за ответ!!!
Наоборот, если вы оптимизируете свои старые изображения, то поисковикам это наоборот понравиться... Поисковики не любят блоги, которые долго грузятся...
Не все задумываются об оптимизации фото и заливают фотки в статьи по несколько Мб
Спасибо помогло. Сжимал в фотошопе но не в Web, фотки весили боле 100kb, в Web формате вес снизился 60-70kb, также еще можно сжимать в программе Snagit, то же получается не плохой результат
Хороший способ, потратил 3 часа на обработку 700 фото, результат вес уменьшился примерно на половину, некоторые при качестве 25-35 смотрелись даже очень неплохо
Спасибо за статью! Устарела правда уже или это мне кажется, что все уже это знают.
Для оптимизации jpeg и png использую tinypng.com есть плагин для WP, который жмет картинки автоматом при загрузке. Еще пользовался каким-то, тоже плагин был, поищите в репозитории WP. Позволял пережать как загружаемые, так и существующие. У того же kraken.io теперь тоже есть плагин, так что вперед и с песней.
Большой объем файлов подобные сервисы обрабатывают за денежку, но там копейки. Потом вам и бесплатных баллов сжатия хватит.
Единственное, что я заметил, иногда сильно прям жмут, поэтому, сейчас стал готовить изображения для поста, прогонять их в сервисе, отсматривать на предмет качества и уже потом загружать.
И да, еще в WP отключил штатное сжатие, чтобы больше контроля было.
А как оптимизировать 40.000 изображений которые на сайте уже,кто знает хороший плагин?
21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.
Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья ! 😉 😉 😉
Уменьшаю размер картинок только в фотошопе. Всё отлично получается, я доволен. [good]