допълнителни

Как да оптимизираме WordPress изображения: 3 допълнителни опции

Оптимизирането на WordPress изображения е един от най-добрите начини за намаляване на времето за зареждане на вашия уебсайт..

Мнозина смятат, че това е още една опция за максимално оптимизиране на WordPress. Като се има предвид обаче, че изображенията са съдържанието, което привлича най-много внимание на пръв поглед, не е препоръчително да се прави без тях. Така намаляването или компресирането на снимки трябва да е задължително за всеки, който има уебсайт на wordpress. И не е достатъчно да качите изображението с размера по подразбиране и след това да коригирате размерите в публикацията на публикацията или страницата, не. Така че единственото нещо, което получавате, е да увеличите теглото на вашия уебсайт.

Намаляването на теглото на изображението има следните функции:

  • Намалете времето за зареждане на вашия уебсайт.
  • Намалете отпечатъка на вашия сървър.
  • Оптимизирайте потреблението на ресурси на вашия хостинг.
  • Подобрете SEO оптимизацията на вашия WordPress.

Да, докато го четете. Към намалете размера на снимка или изображение времето за зареждане на това ще бъде по-малко; и този Google го вижда с много добри очи. В крайна сметка всичко това ще ви позволи да оптимизирате зареждането на WordPress и да подобрите SEO. Досега трябва да знаете, че Google се влюбва в по-леките уебсайтове, които се зареждат по-бързо, така че се пригответе за тази статия, където можете да видите всички тайните за оптимизиране на вашите WordPress изображения, без да губите качество.

Тъй като това е доста широка тема, ще се съсредоточа върху практичността, така че уебсайтът Ви да се зарежда със светлинна скорост:

  • Намалете размера на изображенията преди да ги качите в WordPress
  • Компресиране на изображения качва с приставка за WordPress
  • Оптимизирайте зареждането на публикувани изображения за подобряване на скоростта на зареждане на уебсайт

Как да оптимизираме изображенията, преди да ги качите в WordPress

Размерът на изображението (размерите) е пряко свързан с теглото (байтовете) на това.

Преди да направите какъвто и да е тип оптимизация на изображения за блогове или уебсайтове, идеалното е да намалите размера на изображението, така че да се побере точно с пикселите, където ще се намира. Позволете ми да обясня: в моя случай определих, че максималната ширина на съдържанието на статиите ми е 840 пиксела, поради което никога няма да кача изображение, което има повече. Логично, нали? По този начин спестявам няколко байта, които не биха допринесли нищо, но биха били вредни за уебсайта ми.

Друг важен момент е въпросът за формата, в който качваме снимки, изображения, илюстрации и т.н. Винаги, когато можете, изберете .jpg или .jpeg пред .png формата.

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

Ето два напълно валидни варианта за намаляване на размера на изображението (можете дори да комбинирате и двете): платено (с Photoshop) или безплатни онлайн инструменти за оптимизиране на изображения без загуба на качество.

Как да намалите размера на снимка с Photoshop

Отслабнете с изображението с Photoshop Това е много просто. Само като намалите размера на изображението (неговите размери), вие вече ще загубите теглото му.

На всичкото отгоре можете да си поиграете с фокуса, наситеността и яркостта, за да намалите още няколко байта още повече. След като отворите желаното изображение, отидете на опцията Image> Image Size. Уверете се, че сте поставили отметка в квадратчето Ограничи аспекти, за да запазите същата форма на изображението. Просто изберете желаната ширина и ще видите как директно се променя височината. Освен това е и удобно намаляване на разделителната способност, Оставям го на 72 пиксела/инч, което е оптималната разделителна способност за гледане на изображения на екрана.

Само като направите това, не отнема минута, ще намалите теглото на изображението с повече от 50%.

Ако искаш оптимизиране на изображения за уеб или още повече блогове Препоръчвам опцията File> Save for Web, където след избор на формат и качество ще имате снимка с още по-малък размер.

Представете си цялото пространство и време за зареждане, които бихте загубили, ако не сте прекарали 30 секунди в това.

Ако нямате Photoshop, винаги можете да използвате Windows Paint, въпреки че нивото на намаляване на размера на изображението ще бъде по-лошо. Тук имате видео, което обяснява как да намалите размера и теглото на снимките.

Най-добрите безплатни онлайн инструменти за оптимизиране на изображения за WordPress

Има безброй уеб страници и приложения, където можете компресирайте изображения онлайн безплатно но само ще ви покажа 4 най-добри безплатни инструмента за намаляване на теглото на изображенията и снимките. Освен това ще ги подредя от най-лошото към най-доброто според нивото на намаление, получено за тестово изображение.

Оптимизатор на изображения

Е онлайн платформа за компресиране на снимки или за безплатно намаляване на размера на изображенията доста добре познат.

С Image Optimizer можете да изберете максималната ширина и височина на изображението и нивото на оптимизация. Това е този, който ми даде най-малкото намаляване на байта.

Webresizer

Този онлайн инструмент за намаляване на размера на снимките или до компресиране на снимки Той ми даде по-добри резултати от предишния, има и допълнителни помощни програми като добавяне на граници, изрязване, промяна на контраста, наситеността или яркостта, завъртане на изображението и т.н. Преди да оптимизирате изображението, не забравяйте да посочите всички необходими параметри в долната част на страницата.

Останете на линия, защото сега те идват 2-те царе в услугата за оптимизиране на изображения в интернет за нашия уебсайт.

Тинипнг

Tinypng е онлайн приложение за намаляване на размера на няколко изображения наведнъж какво друго използвам.

Позволява ви да оптимизирате, без да губите качество, до 20 снимки наведнъж до 5 mb всяка. Чудно дали имате нужда намалете теглото на няколко изображения едновременно. Можете да запазите оптимизираните си изображения в Dropbox или да ги изтеглите от браузъра. С този уебсайт получих намаление от 27% за изображение, оптимизирано с Photoshop.

Компресор.io

И ето, това, което за мен е най-добрият безплатен онлайн инструмент за оптимизиране на изображения без загуба на качество.

Докато сте с този инструмент можете да оптимизирате само едно изображение наведнъж, Той има две предимства, които са много важни за мен:

  1. Намалете размера (теглото) на изображението по-добре от всяко друго.
  2. Можете да оптимизирате снимки с тегло до 10 mb.

Можете също да изтеглите изображението, оптимизирано от Dropbox, от браузъра или да го запазите в Google Диск. Благодарение на тази платформа Успях да намаля размера на тестовото изображение с 42% спрямо предишната оптимизация, която направих с Photoshop.

Как да компресирам изображения, вече качени в WordPress

Вече видяхте това оптимизиране на изображения за WordPress преди да ги качите е бриз, затова спрете да се оправдавате и го направете (за ваше добро). Това не свършва тук. Когато вече сте ги качили, можете да намалите още повече теглото на снимките и дори да промените размерите им в пиксели.

Преоразмерете изображение на WordPress без приставки

За намаляване на размерите на изображение без WordPress плъгини Ще трябва да отидете на Media> Library> Select your image> Edit image. Напишете новите размери, щракнете върху Scale and voila, можете да преоразмерите изображенията, без да губите качество от WordPress.

Не препоръчвам обаче тази опция. Преоразмереното изображение ще бъде по-добро от оригинала, но оригиналът не се изтрива, а се записва на сървъра. Следователно, дори ако преоразмерите изображение, оригиналът ще продължи да заема място на сървъра (въпреки че това няма да повлияе пряко на скоростта на зареждане на уеб страницата, тъй като тази, която ще публикувате, ще бъде вече преоразмереното изображение).

Най-добрите плъгини за оптимизиране на изображения в WordPress

Има много приставки за WordPress, които оптимизират времето за зареждане на уебсайта ви. По отношение на изображенията, опитах много по време на кариерата си като уеб дизайнер с WordPress. В тази статия ще препоръчам две, въпреки че без съмнение любимата ми е първата.

WP Smush плъгин

Опцията, която препоръчвам, е да инсталирате WP Smush, което е плъгин за компресиране на изображения от който се грижи за автоматично намаляване на размера на изображенията.

Всички изображения, които качвате, след като сте активирали това приставка за намаляване на изображението те ще бъдат оптимизирани, без да правите нищо. Освен това има опция за оптимизиране на изображенията, които вече сте качили преди да инсталирате приставката. За да оптимизирате вашите изображения възможно най-много, трябва да използвате всички стъпки, които обяснявам в тази статия. Ако използвате само тази приставка като оптимизатор на изображения, броят на запазените байтове ще бъде много по-малък. Въпреки това все още е най-добрият вариант по отношение на приставки за оптимизиране на изображения на WordPress.

EWWW Image Optimizer

Този плъгин е друг от най-използваните, когато става въпрос за оптимизиране на изображения на WordPress, без да губи качество. Неговите повече от 400 000 изтегляния и добрият му рейтинг правят този плъгин вторият ми избор. На практика ви позволява да правите същото като предишния плъгин, но успях да проверя, че размерът и теглото на този плъгин за оптимизиране на изображения са малко по-високи, така че това ще повлияе малко повече на натоварването на мрежата. Но все пак е чудесен вариант.

Моят съвет е да изпробвате двете приставки и повече от това да бъдете повлияни от това кой е по-тежък, оставете се да се увлечете от този, който ви улеснява да компресирате изображения в WordPress, без това да повлияе на качеството.

Подобрете скоростта на зареждане на вашия уебсайт: оптимизиране на зареждането на изображения

Друг от плъгини за оптимизиране на изображения в WordPress е Мързелив товар.

Въпреки че тази безплатна приставка не променя никакво изображение, тя ви предлага две неща:

  1. Намалете времето за зареждане на мрежата.
  2. Създайте приятен ефект при зареждане на изображение.

Lazy Load е приставка, която отговаря за зареждането на изображенията, когато четецът достигне частта от страницата, където изображението трябва да се покаже.

Тъй като не всички изображения се зареждат наведнъж, скоростта на зареждане на уеб страницата ще бъде по-висока.

Ако искате да ускорите своя WordPress, така че да върви като светкавица, просто трябва да комбинирате всички опции за оптимизиране на изображения на WordPress, които видяхме в тази статия. Уверявам ви, че ви е много трудно компресиране на изображения в WordPress повече от тази статия ви позволява. Надявам се да ви е харесало.