Как оптимизировать изображения в плагинах Wordpress + 【2019】
- Как оптимизировать изображения перед их загрузкой в WordPress
- Как уменьшить размер фото с помощью Photoshop
- Лучшие бесплатные онлайн инструменты для оптимизации изображений для WordPress
- Оптимизатор изображения
- Webresizer
- Tinypng
- Compressor.io
- Как сжимать изображения, загруженные в WordPress
- Изменение размера изображения WordPress без плагинов
- Лучшие плагины для оптимизации изображений в WordPress
- WP Smush плагин
- EWWW Image Optimizer
- Повышение скорости загрузки вашего сайта: оптимизация загрузки изображений
- Бонус: оптимизация изображений это еще не все
Оптимизация изображений WordPress - один из лучших способов сократить время загрузки вашей веб-страницы .
Многие считают это еще одним вариантом оптимизации WordPress в полной мере.
Однако, принимая во внимание, что изображения - это контент, который привлекает наибольшее внимание с первого взгляда, не рекомендуется обходиться без них.
Поэтому уменьшение размера или сжатие фотографий должно быть обязательным для всех, у кого есть веб-сайт или блог.
И этого недостаточно, чтобы загрузить изображение с размером по умолчанию, а затем настроить размеры в редакции записи или на странице, нет. Таким образом, единственное, что вы получаете, это увеличить вес вашего сайта.
Уменьшение веса изображения имеет следующие функциональные возможности:
- Уменьшите время загрузки вашего сайта.
- Уменьшите пространство, занимаемое на вашем сервере.
- Оптимизируйте потребление ресурсов вашего хостинга.
- Улучшение SEO оптимизации вашего WordPress .
Да, как вы читаете это.
При уменьшении размера фотографии или изображения время загрузки будет меньше; и этот гугл видит добрыми глазами.
Не забывай читать статьи о SEO чтобы добраться до вершины в Google!
Одним словом, все это позволит вам оптимизировать загрузку WordPress и улучшить SEO.
На данный момент вы должны знать, что Google влюбляется в самые легкие веб-сайты и что они загружаются быстрее, поэтому приготовьтесь к этой статье, где вы сможете увидеть все секреты оптимизации изображений вашего WordPress без потери качества .
Поскольку это довольно широкая тема, я остановлюсь на практических для вашего веб заряжать со скоростью света :
- Уменьшите размер изображений перед их загрузкой в WordPress.
- Сжатие загрузки с плагином WordPress
- Оптимизируйте загрузку опубликованных изображений, чтобы повысить скорость загрузки сайта.
Как оптимизировать изображения перед их загрузкой в WordPress
Размер изображения (размеры) напрямую связан с его весом (в байтах).
Прежде чем приступать к какой-либо оптимизации изображений для блогов или веб-сайтов, в идеале необходимо уменьшить размер изображения, чтобы оно точно соответствовало пикселям, в которых оно будет размещено.
Позвольте мне объяснить: в моем случае я определил, что максимальная ширина содержимого моих статей составляет 700 пикселей, поэтому я никогда не буду загружать изображение, которое имеет больше.
Логично, верно? Таким образом, я сохраняю несколько байтов, которые ничего не внесут, но будут вредны для моего сайта.
Еще одним важным моментом является тема формата, в котором мы загружаем фотографии, изображения, иллюстрации и т. Д. Всякий раз, когда вы можете, выберите .jpg или .jpeg в формате .png.
При сжатии фотографий перед их загрузкой в WordPress вы можете найти несколько инструментов для уменьшения или сжатия изображений.
Вот два совершенно корректных варианта уменьшения размера изображения (вы можете даже комбинировать оба): оплата (с помощью Photoshop) или бесплатные онлайн-инструменты для оптимизации изображений без потери качества .
Как уменьшить размер фото с помощью Photoshop
Снизить вес изображения с помощью Photoshop очень просто. При этом уменьшите только размер изображения (его размеры) и уменьшите его вес.
В дополнение к этому вы можете играть с фокусом, насыщенностью и яркостью, чтобы уменьшить еще несколько байтов.
После открытия нужного изображения перейдите к пункту Изображение> Размер изображения .
Убедитесь, что вы установили флажок Ограничить пропорции, чтобы сохранить одинаковую форму изображения.
Просто выберите желаемую ширину, и вы увидите, как высота изменяется напрямую.
Кроме того, также удобно уменьшать разрешение , я оставляю его на уровне 72 пикселя / дюйм.
Просто сделав это, вам не понадобится ни минуты, вы уменьшите вес изображения более чем на 50% . Изображение обложки, которое я использую в этой статье, было уменьшено на 66% по сравнению с оригинальным размером.
Если вы хотите оптимизировать изображения для веб-сайтов или блогов, я рекомендую вам выбрать « Файл»> «Сохранить для Интернета», где после выбора формата и качества у вас будет фотография меньшего размера.
Представьте себе все пространство и время загрузки, которое вы потеряли бы, если бы не потратили на это 30 секунд.
Если у вас нет Photoshop, вы всегда можете обратиться к Windows Paint, даже если уровень уменьшения размера изображения будет хуже. Вот видео, которое объясняет, как уменьшить размер и вес фотографий.
Лучшие бесплатные онлайн инструменты для оптимизации изображений для WordPress
Существует множество веб-сайтов и приложений, в которых вы можете бесплатно сжимать изображения в Интернете, но я покажу вам только 4 лучших бесплатных инструмента для уменьшения веса изображений и фотографий . Я также приведу их в порядок от худшего к лучшему в соответствии с уровнем сокращения, полученным для тестового изображения.
Оптимизатор изображения
Это онлайн-платформа для сжатия фотографий или для уменьшения размера изображений бесплатно .
с Оптимизатор изображения Вы можете выбрать ширину и максимальную высоту изображения и уровень оптимизации.
Это наименьшее сокращение байтов дало мне.
Webresizer
Этот онлайн инструмент для уменьшения размера фотографий или сжатие фотографий дало мне лучшие результаты, чем предыдущее, кроме того, у него есть дополнительные утилиты, такие как добавление краев, обрезка, изменение контрастности, насыщенности или яркости, поворот изображения и т. д.
Прежде чем оптимизировать изображение, не забудьте указать все необходимые параметры в нижней части страницы.
Оставайтесь с нами, потому что теперь 2 короля приходят на службу оптимизации изображений в Интернете для нашего сайта.
Tinypng
Tinypng это онлайн-приложение для уменьшения размера нескольких изображений при использовании большего.
Позволяет оптимизировать без потери качества до 20 фотографий за раз до 5 МБ каждая. Интересно, если вы хотите уменьшить вес нескольких изображений одновременно .
Вы можете сохранить ваши оптимизированные изображения в раздаточная или загрузите их из браузера.
С этим сайтом я получил сокращение на 27% для изображения, оптимизированного с помощью Photoshop.
Compressor.io
И вот идет тот, который для меня лучший бесплатный онлайн инструмент для оптимизации изображений без потери качества.
Хотя с помощью этого инструмента вы можете оптимизировать изображения по одному, у него есть два преимущества, которые очень важны для меня:
- Уменьшите размер изображения (вес) лучше, чем любой другой.
- Вы можете оптимизировать фотографии весом до 10 МБ.
Вы также можете загрузить изображение, оптимизированное для Dropbox, из браузера или сохранить его на Google Диске.
Благодаря этой платформе мне удалось уменьшить размер тестового изображения на 42% по сравнению с предыдущей оптимизацией, которую я выполнял с помощью Photoshop.
Как сжимать изображения, загруженные в WordPress
Вы уже видели, что оптимизировать изображения для WordPress перед их загрузкой - это шить и петь, поэтому давайте извинимся и сделаем это (для вашего же блага).
Дело не заканчивается здесь.
Если у вас уже есть загрузки, вы можете еще больше уменьшить вес фотографий и даже изменить их размеры в пикселях.
Изменение размера изображения WordPress без плагинов
Чтобы уменьшить размеры изображения без плагинов WordPress, вам нужно перейти в Media> Library> Select your image> Edit image.
Напишите новые размеры, вы дадите его Scale и вуаля, вы можете изменить размер изображения без потери качества из WordPress.
Однако этот вариант я не рекомендую.
Изображение с измененным размером будет лучше оригинала, однако оригинал не удаляется, а сохраняется на сервере. Поэтому, даже если вы измените размер изображения, оригинал будет продолжать занимать место на сервере (хотя это не будет напрямую влиять на скорость загрузки веб-страницы, поскольку тот, который вы публикуете, будет уже изменять размер изображения).
Лучшие плагины для оптимизации изображений в WordPress
Есть много плагинов WordPress для оптимизации времени загрузки вашего сайта. Что касается изображений, я много пробовал за свою карьеру, как веб-дизайнер с WordPress ,
В этой статье я собираюсь рекомендовать два, хотя, без сомнения, мой любимый - первый.
WP Smush плагин
Я рекомендую установить WP Smush который представляет собой плагин для сжатия изображений Worpress, который отвечает за автоматическое уменьшение размера изображений .
Все изображения, которые вы загружаете с момента активации этого плагина для уменьшения изображения, будут оптимизированы без каких-либо действий. У вас также есть возможность оптимизировать изображения, которые вы уже загрузили перед установкой плагина.
Чтобы максимально оптимизировать ваши изображения, было бы удобно использовать все шаги, которые я объясню в этой статье.
Если вы используете этот плагин только как оптимизатор изображения, количество сохраненных байтов будет намного меньше. Тем не менее, это по-прежнему лучший вариант с точки зрения плагинов для оптимизации изображений WordPress.
EWWW Image Optimizer
Этот плагин является еще одним из наиболее часто используемых при оптимизации изображений WordPress без потери качества.
Его более 400 000 загрузок и хорошая оценка делают этот плагин моим вторым вариантом.
Он практически позволяет делать то же самое, что и предыдущий плагин, однако я смог убедиться, что размер и вес этого плагина для оптимизации изображений несколько выше, что будет влиять на нагрузку на сеть немного больше. Но это все еще отличный вариант.
Я советую попробовать два плагина и еще больше, чтобы повлиять на них, который тяжелее, позвольте себе руководствоваться тем, который облегчит вам сжатие изображений в WordPress без ущерба для качества.
Повышение скорости загрузки вашего сайта: оптимизация загрузки изображений
Еще один плагин для оптимизации изображений в WordPress - это Ленивая нагрузка ,
Хотя этот бесплатный плагин не изменяет изображения, он предлагает вам две вещи:
- Уменьшите время загрузки Интернета.
- Создайте приятный эффект при загрузке изображения.
Lazy Load - это плагин, который отвечает за загрузку изображений, когда читатель достигает той части страницы, где изображение должно отображаться.
Поскольку не все изображения загружаются одновременно, скорость загрузки веб-страницы будет выше .
Бонус: оптимизация изображений это еще не все
Важно помнить, что оптимизация изображений в WordPress - это лишь один из многих способов улучшить скорость загрузки веб-страницы.
Для того, чтобы время загрузки сайта было минимальным, вы должны следовать некоторым рекомендациям в дополнение к тому, что описано в этом посте: нанять лучший хостинг для WordPress есть кеш плагин , иметь оптимизированную тему, использовать CDN как Cloudflare ...
Также хостинг, который я использую и рекомендую ( Webempresa ) имеет бесплатный сервис оптимизации изображений в WordPress для своих клиентов, который уменьшает размер фотографий, которые уже загружены в WordPress и не оптимизированы правильно. Я использую его часто, и, несмотря на значительное снижение веса изображений, этот сервис получает еще больше.
Использование всех этих методов вместе с оптимизацией изображений гарантирует вам максимальную скорость на вашей веб-странице.
И вот заканчивается сегодняшняя статья.
Если вы хотите, чтобы ваш WordPress работал как удар молнии, вам просто нужно объединить все варианты оптимизации изображений WordPress, которые мы видели в этой статье.
Уверяю вас, вы вряд ли сможете сжимать изображения в WordPress больше, чем позволяет эта статья. Я надеюсь, вам понравилось.
В этой статье мы увидели, почему так важно оптимизировать изображения WordPress как для SEO-позиционирования, так и для скорости загрузки и занимаемого на сервере пространства.
Я также научил вас двум плагинам для оптимизации изображений для веб-страниц или очень важных блогов, которые не могут отсутствовать в вашем репертуаре.
И если этого было недостаточно, если вы хотите знать, как сжимать изображения еще больше, я показал вам 4 лучших онлайн-инструмента для быстрой и бесплатной оптимизации изображений WordPress!
И если вы все еще не знаете, как скачать бесплатные изображения без авторских прав, я рекомендую эту статью с Лучшие бесплатные банки изображений ,
Как вы думаете, я оставил какой-то лучший инструмент или плагин, чем положил?
Что вы делаете для оптимизации изображений WordPress без потери качества?
Оставьте мне комментарий и, если вам понравилось, поделитесь им с друзьями.
Мы читаем!
Вы также можете быть заинтересованы ...
Похожие
Поисковая оптимизация WordPress (SEO), Как оптимизировать для SEO... WordPress для привлечения рефералов из поисковых систем! Поисковая оптимизация WordPress (SEO) Первоначально опубликовано в 2009 году, обновлено в октябре 2012 года, ноябре 2013 года, сентябре 2015 года, ноябре 2016 года, ноябре 2017 года Вот несколько советов по SEO, которые помогут вам оптимизировать ваш сайт для поисковых систем и привлечь новых клиентов из поисковых систем: Google и Bing. Попробуйте сделать как можно больше. Я буду использовать Лучшие плагины WordPress для блогов WP
... вляются одним из преимуществ сайтов, использующих платформу WP"> Лучшие плагины для WordPress - плагины на WordPress являются одним из преимуществ сайтов, использующих платформу WP. Мы можем добавить возможности и функции на сайт WP, установив несколько плагинов, оба плагина, чтобы помочь SEO сайта, плагины для украшения сайта и другие. Наличие различных плагинов на WordPress иногда приводит в замешательство некоторых блогеров, какие плагины должны быть установлены и какие Проверка сайта
Знаете ли вы, 99,9% веб-разработчиков не знают, как ранжировать сайт в поисковых системах !!! Поисковая оптимизация, безусловно, поможет вам выйти на более широкий целевой рынок через ваш интернет-сайт, а также через различные другие рекламные и маркетинговые сети. Он предлагает повышенное прямое знакомство с вашими возможными клиентами, а также вы, безусловно, получите совершенно новых потребителей. Лучшие инструменты SEO Seo
... как вам угодно, без использования вспомогательного приложения, такого как Adobe Photoshop и т. Д. Обратите внимание на красное поле в виде функции, которую мы можем использовать. 3. Может использоваться для загрузки всех видео с одного канала и загрузки на другой канал Этот инструмент полезен для тех из вас, кто хочет создавать резервные копии всех видео с первого канала, чтобы они не исчезали, если позже Оптимизация WordPress SEO с помощью Interlink
... изображения: techinfoblog.net Я не буду обсуждать сложные трюки, только это средство WordPress по умолчанию, которое мы редко используем. У инструмента вставки ссылок, который мы обычно используем, есть дополнительные функции, а именно ссылка на существующий контент . Это значит дать ссылку на предыдущий пост. После нажатия кнопки « Вставить ссылку» выберите или создайте ссылку на существующий контент . Лучшие инструменты SEO Архивы
Как и в любом бизнесе, конкуренция велика. SEO не является исключением. Ваш сайт должен быть оптимизирован должным образом, чтобы быть более популярным и более актуальным, чем существующие, и стать конкурентами, чтобы добиться успеха. Веб-сайты, использующие стратегии и методы поисковой оптимизации, Как найти лучшие темы WordPress для вашего сайта
... в мире услуги веб-хостинга является основой для тысяч веб-сайтов, как малых, так и крупных. Когда вы решите пойти по пути WordPress, будь то традиционная установка или управляемый веб-хостинг WordPress, вам необходимо учитывать два фактора: внешний вид сайта и его функциональность. В конце концов, кто не хочет привлекательного и простого в навигации онлайн-присутствия? Но вам также нужен сайт, который соответствует Лучшие плагины WordPress SEO для улучшения рейтинга сайта
31 октября 2017 Лучшие плагины WordPress SEO для улучшения рейтинга в поисковых системах. Для любого веб-сайта поисковые системы считаются решающими для получения органического трафика и потенциальных клиентов. Даже если вы не знаете о тактике SEO, нет причин игнорировать ее как средство повышения ранга. Чтобы сделать SEO более мощным, WordPress Руководство по оптимизации изображений SEO
... как человек. Поисковым системам нужны дополнительные текстовые идентификаторы, чтобы максимально близко понять, что такое изображение и что оно пытается показать. Кроме того, есть несколько других элементов, которые необходимо учитывать, чтобы гарантировать, что вы используете изображения с максимальным потенциалом для SEO. Прежде чем мы перейдем к тому, как оптимизировать изображения на вашем сайте, давайте пройдемся по нескольким основам. Существует три основных элемента Бесплатные инструменты SEO в Индонезии
Хорошие новости для разработчиков веб-сайтов, теперь KelanaSolution.Com оснащен возможностями для проверки поисковой оптимизации (SEO). оборудование SEO инструменты Мы предоставляем это бесплатно для вас бесплатно без копейки. С SEO Tools вы можете проводить SEO Советы - Как SEO изображения
SEO Советы - Руководство по SEO Изображений Там так много всего SEO чем одна из 10 простых ссылок на странице результатов Google
Комментарии
Почему бы не заплатить кому-то еще, кто уже знает все лучшие инструменты для повышения вашего места размещения в поисковой системе И кто готов сделать это ВСЕ для вас?Почему бы не заплатить кому-то еще, кто уже знает все лучшие инструменты для повышения вашего места размещения в поисковой системе И кто готов сделать это ВСЕ для вас? [clickToTweet tweet = ”Узнайте 8 причин, по которым вам следует нанять профессионального #SEO консультанта” quote = ”Узнайте 8 причин, по которым вам следует нанять профессионального консультанта SEO” theme = ”style3 ″] 8. Постройте отношения. Если вы создаете видео с помощью слайд-шоу, что вы используете для изображений, если у вас их недостаточно для загрузки с вашего сайта?
Если вы создаете видео с помощью слайд-шоу, что вы используете для изображений, если у вас их недостаточно для загрузки с вашего сайта? Вы можете использовать бесплатные веб-сайты с изображениями, такие как pixabay, unsplash и тому подобное. Просто убедитесь, что вы не используете изображения или музыку без разрешения в ваших видео, потому что это несправедливо по отношению к создателю, не говоря уже о незаконности и может привести к блокировке вашей учетной записи в социальной сети. Это когда вам нужно думать как человек и спрашивать себя: «Если бы я не работал здесь, как бы я это назвал?
Это когда вам нужно думать как человек и спрашивать себя: «Если бы я не работал здесь, как бы я это назвал?», Тогда мы начали находить релевантные поисковые термины, которые на самом деле ищут люди, такие как «портативный проектор». »(9900 запросов в месяц) и« мобильный проектор »(1000 запросов в месяц). Выберите одно ключевое слово, которое будет использоваться в качестве вашего основного ключевого слова (используется в мета-контенте, заголовке и основной части текста), а также некоторые вторичные Вы видите, как это работает и как все это связывает?
Вы видите, как это работает и как все это связывает? Мы поставили цель улучшить вашу SEO и предложили решение, которое началось с маркетинга в социальных сетях. Это не единственный способ, которым эти две практики связаны между собой. Мы только что говорили о той части айсберга, которая не затонула. Под поверхностью много вещества, которое не видно, но, тем не менее, действует. Вы максимально используете свою онлайн-стратегию? Узнайте сегодня с нашими Разве мы постоянно не жалуемся, что звонить в службу поддержки многих компаний - это приключение, потому что вы не знаете, с кем собираетесь поговорить, когда и как они будут относиться к вам?
Разве мы постоянно не жалуемся, что звонить в службу поддержки многих компаний - это приключение, потому что вы не знаете, с кем собираетесь поговорить, когда и как они будут относиться к вам? С SEO-консультантом такого никогда не случится: когда вы звоните, он всегда отвечает вам и почти наверняка узнает вас только по вашему голосу или номеру телефона, ему не нужно будет «пропускать» кого-либо, и, если он не воссоединится, он ответит вам на лету, что вы хотите знать. Это всего лишь пример, и это не значит, что статья не должна была быть написана, но должна ли она быть самой заметной частью информации, связанной с этим запросом?
Это всего лишь пример, и это не значит, что статья не должна была быть написана, но должна ли она быть самой заметной частью информации, связанной с этим запросом? На странице нет информации, указывающей, что автор в любом случае является экспертом в области рака мозга. Он просто «участник eHow». Примечание. С тех пор многие из этих сайтов, похожих на фермы контента, отключились. Хотя многие внештатные авторы принижают тогда, когда Все это относится к поисковой оптимизации, и вы, вероятно, даже не знали об этом, верно?
Все это относится к поисковой оптимизации, и вы, вероятно, даже не знали об этом, верно? Например, взгляните на эту статью. Заметьте, как я продолжаю переходить от SEO к поисковой оптимизации? Обратите внимание, как иногда я называю «веб-сайты», а иногда «веб-сайты»? Это тонкие примеры поисковой оптимизации. Вы можете быть удивлены тем, что бесплатные рейтинги в поисковых системах не совпадают, например, для «предварительной заявки на патент» и «предварительной заявки на патент». Поэтому много Как расставить приоритеты для вашей оптимизации в ответ на это изменение?
Как расставить приоритеты для вашей оптимизации в ответ на это изменение? Взглянув на свою корзину «Defend» в панели мониторинга Intent Signal на платформе BrightEdge, вы увидите ключевые слова и соответствующие страницы, которые наиболее важны для вас - то есть ваши самые большие драйверы трафика. Intent Signal, основанный на технологии визуального анализа, является единственным решением, которое может интеллектуально анализировать элементы ранжирования в поисковой выдаче и сообщать вам, Как вы делаете такое видео о скорости вашего сайта?
Как вы делаете такое видео о скорости вашего сайта? Перейти к первому https://www.webpagetest.org/ и создайте бесплатный аккаунт . Без бесплатной учетной записи Добавляет ли новый домен ценность или это отвлекает от вашего сайта и вашего сообщения?
Добавляет ли новый домен ценность или это отвлекает от вашего сайта и вашего сообщения? После такого серьезного изменения может потребоваться несколько недель или даже месяцев, чтобы полностью составить свой рейтинг. Старайтесь не отставать от вашей белой шляпы SEO, в то время как это случается, чтобы попытаться обосноваться в лучшем положении. 11. Поиск штрафов Есть, конечно, негативные причины колебаний рейтинга. Может применяться штраф за поиск , «как здорово он сказал, что 80% SEO-проекта заключается в создании красивого и замечательного контента, но не научит вас, как это делать?
«как здорово он сказал, что 80% SEO-проекта заключается в создании красивого и замечательного контента, но не научит вас, как это делать? Вы сначала понимаете, что это такое и почему контент так же целенаправленно, стратегически исследован и опубликован, работает так же хорошо. Во-первых, я хочу прояснить, что помимо правильного выбора темы, полезности содержания, а также всей структуры вашей страницы, есть несколько факторов. Здесь, в этом небольшом вступлении, я просто
Логично, верно?
Что вы делаете для оптимизации изображений WordPress без потери качества?
В конце концов, кто не хочет привлекательного и простого в навигации онлайн-присутствия?
Почему бы не заплатить кому-то еще, кто уже знает все лучшие инструменты для повышения вашего места размещения в поисковой системе И кто готов сделать это ВСЕ для вас?
Если вы создаете видео с помощью слайд-шоу, что вы используете для изображений, если у вас их недостаточно для загрузки с вашего сайта?
Если вы создаете видео с помощью слайд-шоу, что вы используете для изображений, если у вас их недостаточно для загрузки с вашего сайта?
Это когда вам нужно думать как человек и спрашивать себя: «Если бы я не работал здесь, как бы я это назвал?
Это когда вам нужно думать как человек и спрашивать себя: «Если бы я не работал здесь, как бы я это назвал?
Вы видите, как это работает и как все это связывает?
Вы максимально используете свою онлайн-стратегию?