Ако от известно време управлявате сайт на WordPress, вероятно се чудите кой тип файл с изображения е най-подходящият за вашия уебсайт. Трябва ли да използвате JPG или PNG? Може би искате да използвате различен тип файл с изображения като WebP, но не сте сигурни какво да правите. Ако това не е, може би искате да качите PSD, AI или INDD изображение и сте залепени.
Без значение защо сте тук, днешната публикация ще ви помогне да изберете правилния тип файл с изображение за вашия уебсайт WordPress. Защо е необходим правилния тип файл с изображение? Покриваме и това в публикацията. На всичкото отгоре изтъкваме приетите типове файлове с изображения, как да добавяме други типове файлове и докосваме няколко най-добри практики за изображение на WordPress.
Ако това ви звучи страхотно, нека претегнем котвата и отплаваме, тъй като има какво да научим.
Contents
Защо е жизненоважно да изберете правилния тип файл с изображение?
Изборът на перфектния тип файл с изображения е по-труден, отколкото сте мислили, и аз го разбирам. Но трябва да обърнете голямо внимание на типа файл, който използвате, тъй като той корелира с работата на вашия уебсайт. И така, защо е важно да вземете предвид избрания от вас файл на изображението?
- Скорост и производителност – Някои типове файлове с изображения заемат повече място от други. Ако използвате големи формати на изображения, забавяте уебсайта си и увеличавате разходите на сървъра. Преминете за леки изображения, които гарантират по-добра скорост и ефективност на страницата оптимално потребителско изживяване (UX).
- SEO резултат – Знаете ли, че скоростта на страницата е a директен сигнал за SEO класиране? Ако използвате тежки или нискокачествени изображения на уебсайта си, вие пропускате по-добри UX и свързани SEO предимства. Изборът на висококачествени и готови за SEO изображения подготвят вашите страници за по-добри SEO резултати.
- естетика – Някои формати на изображения запазват детайлите по-добре от други, дори и след компресиране. Искате формат на изображението, което да изглежда страхотно за излъскания, висококачествен и професионален външен вид �� Всеки формат на изображения е идеален за конкретна употреба, така че изберете разумно.
- Адаптивен дизайн – В днешно време потребителите посещават вашия уебсайт на различни устройства с различни браузъри и размери на екрана. Трябва да потърсите отзивчиви типове файлове с изображения, които се поддържат в повечето браузъри. На всичкото отгоре ви трябват изображения, които изглеждат невероятно на различни екрани. Повече за това по-късно.
- съгласуваност – За последователност, предлагаме да се придържате към един основен тип файл за вашите изображения. Можете да използвате други файлови формати при поискване или в зависимост от вашите нужди, но един или два формата трябва да са много.
Освен това, нека поговорим за наличните типове файлове с изображения.
Налични типове файлове с изображения
Скрито от много начинаещи е фактът, че там има свят на формати на изображения. Яп, има стотици типове файлове с изображения че ще се нуждаем от електронна книга, за да ги покрием всички. Не се тревожете обаче; ние се фокусираме само върху формати на изображения, които са идеални за уебсайтове на WordPress.
Форматите на изображенията се класифицират в две широки категории: растер и вектор снимки.
Растерните изображения са конструирани от поредица от пиксели, за да образуват изображение. Поради тази причина растерните изображения обикновено губят своята разделителна способност при компресиране или разтягане. Трите популярни формата на изображения – JPG, PNG и GIF – са растерни изображения, което представлява по-голямата част от всички снимки, които виждате онлайн.
Векторните изображения, от друга страна, са конструирани с помощта на математически формули, а не пиксели, което означава, че са по-гъвкави, що се отнася до честото преоразмеряване. Популярните типове векторни изображения включват EPS на Adobe (капсулиран PostScript), SVG (мащабируема векторна графика), PDF, WEBP и AI формат на Adobe Illustrator, наред с други..
За редовна употреба на уебсайтове посетете растерни изображения. В същото време можете да създавате векторни изображения на вашите лога и други изображения, които изискват чести редакции и преоразмеряване. В идеалния случай трябва да преобразувате всички векторни изображения в растерни изображения, преди да ги използвате на уебсайта си WordPress.
Защо?
Тъй като растерните изображения са по-леки и се поддържат от всички браузъри, трябва да отидете за JPG или PNG. Ако имате нужда от анимации, имате GIF формат. Сега ние сме до едва три от стотиците формати на изображения там.
Това поставя въпроса: Но кои типове файлове с изображения поддържа WordPress?
Приети типове файлове с изображения
Според сборник от старинни ръкописи, WordPress по подразбиране приема JPG, JPEG, PNG, ICO и GIF формати на изображения. Ако сте объркани, JPEG е просто JPG, а ICO е форматът на изображението, който използвате за икони. В уебсайта на WordPress обикновено се използва икона за фавикон, а не изображения в вашите публикации или страници.
По подразбиране можете да качвате JPG и PNG само на вашите страници и публикации. Ако искате да добавите други типове файлове с изображения по някаква причина, можете да използвате приставка като WP Допълнителни типове файлове. Ако не харесвате приставки, можете да добавите следния код към вашия WP-config.php досие.
define ('ALLOW_UNFILTERED_UPLOADS', вярно);За алтернативен метод добавете следния код към вашия functions.php файл:
Горният код ще добави поддръжка за SVG и JSON разширения. Ако искате да добавите разширения за други формати на изображения, редактирайте съответно горния код. За да научите повече, разгледайте как да качвам допълнителни типове файлове в WordPress.
Ако срещнете проблеми при добавяне на нови типове файлове, първо се свържете с вашия доставчик на хостинг услуги, тъй като може да имат ограничения. Това встрани, което е най-добрият формат на файла с изображения?
Кой е най-добрият тип файл с изображения, който се използва?
В следващия раздел разглеждаме трите най-популярни формати на изображения за уебсайтове. Ние покриваме JPG, PNG и GIF, подчертавайки най-добрия формат за различни приложения. Да започнем с JPG.
JPG
JPG (известен също като JPEG) означава Съвместна група за фотографски експерти. JPG изображенията са много подходящи за високи нива на компресия и могат да показват милиони цветове, което ги прави идеални за снимки и изображения с ярки цветове.
Този формат на изображението поддържа компресия на загуба, което води до лек спад на качеството на изображението след оптимизиране. Можете обаче да контролирате нивото на компресия, за да гарантирате, че получавате най-доброто качество и производителност. JPG изображенията не поддържат прозрачни фонове.
PNG
PNG е кратък за Portable Network Graphics, формат на изображения, който първоначално е предназначен за прехвърляне на изображения през интернет. PNG изображенията показват милиони цветове, но те могат да бъдат по-тежки от JPG. Те са фантастични за екранни снимки, лога, инфографика и основни графични заглавки, които идентифицират марка.
PNG поддържа компресия без загуби, което означава, че по време на оптимизация не се губят данни. Като такива, PNG изображенията са по-ясни и по-остри от JPG изображенията след компресиране. Освен това типът на изображението във формат PNG поддържа прозрачни фонове.
GIF
GIF е съкращение за Graphics Interchange Format. Това е формат на изображението, който поддържа както анимирани, така и статични изображения. Повечето анимации, които виждате в социалните медии, са GIF изображения. За разлика от JPEG и PNG, типът GIF файл с изображения поддържа само 256 цвята, което го прави неподходящ за цветни снимки и други илюстрации с цветови градиенти.
GIF използва компресия без загуби, за да намали размерите на файловете, без да губи визуално качество. На всичкото отгоре GIF поддържа текстови етикети и прозрачни фонове, което прави формата перфектен за прости анимации и видео с ниска разделителна способност.
И така, от трите, коя от тях трябва да използвате? Всичко зависи от вашите нужди. PNG е идеален за лога, екрани, диаграми, инфографика и висококачествени изображения на марката. JPEG е чудесен за малки изображения на вашия уебсайт, както и за снимки, които имат ярки цветове. GIF е невероятно за анимации и прости видеоклипове.
Но изборът на тип файл с изображение не е достатъчен, ако в крайна сметка използвате изображения небрежно. В следващия раздел откриваме няколко най-добри практики и съвети за изображение на WordPress.
WordPress Image Най-добри практики
Следвайте следните най-добри практики и съвети за изображение, за да се възползвате максимално от вашите изображения. Накратко обхващаме области като размер на изображението, максимален размер на качване, SEO изображение, оптимизация и как да използваме Google Analytics за информиране на вашата стратегия за изображение на WordPress.
Размер на изображението
Вече установихме, че размерът на изображенията, които използвате, може да повлияе на скоростта на уебсайта Ви. Като такъв, трябва да се стремите да използвате светлинни изображения. В същото време не се отказвайте от визуалното качество, докато се опитвате да създавате леки изображения, което означава, че трябва да бъдете внимателни с компресията.
На всичкото отгоре, не преоразмерявайте изображения с помощта на HTML или CSS. Ако имате нужда от 300px на 300px изображение, не използвайте изображение, което е 400px на 400px. Освен това, изберете висококачествен хостинг на WordPress, внедрете кеширане и CDN, за да увеличите скоростта на уебсайта си.
Максимален размер на качване
Понякога може да се наложи да използвате голям файл с изображения по една или друга причина. Но може да имате проблеми с качването на файла си, тъй като WordPress идва с размер на качване по подразбиране 2MB. Не се притеснявайте, тъй като можете бързо да увеличите максималния си размер на качване.
В много случаи хостинг доставчиците предлагат вградена настройка, която можете да редактирате, за да увеличите сами размера на качването на вашия файл. Например в Cloudways просто трябва да влезете в акаунта си, да отидете до Управление на сървъра и да изберете секцията Настройки и пакети (както е показано по-горе). От тук можете ръчно да увеличите ограничението на размера на качването на вашия файл, като редактирате разрешения размер на MB.
Но това може и не варира според хоста. GoDaddy използва опция в своя C-Panel, Media Temple, трябва да модифицирате php.ini файлове и с WP Engine трябва да се свържете с техния екип за поддръжка, за да поискате увеличение.
Image SEO
Освен да предадете съобщение и да направите вашия сайт да изглежда добре, знаете ли, че можете да използвате изображения, за да повишите вашите SEO резултати? Това е вярно; можете да използвате изображение SEO, за да привлечете повече трафик към вашия уебсайт. Как? За начало назовете снимките си по подходящ начин. Например, вместо „picture001.png“, използвайте „как-да-изображение-seo.png“ и т.н. На всичкото отгоре след качване добавете алт текстове към всички свои изображения. Благодарение на alt текстове, търсачките и екранните четци могат да „видят“ вашите изображения.
Полезни приставки за оптимизация на изображението в WordPress
WordPress е доста лесният CMS за използване благодарение на плъгини. Въпреки че е полезно да оптимизирате вашите изображения чрез софтуер за манипулиране на изображения (например Photoshop), преди да качите, можете да използвате плъгини, за да оптимизирате вашите изображения след качване..
Забележимите плъгини за оптимизиране на изображението в WordPress включват Smush, EWWW оптимизатор на изображения, и Imagify, между другото. Изберете приставката, която е идеална за вашите нужди, тъй като всяка предлага уникален набор от функции.
Използвайте Google Analytics
Когато всичко е готово, вие искате да осигурите най-доброто потребителско изживяване, което е възможно. За това трябва да знаете посетителите си и устройствата, които използват за достъп до вашия уебсайт. По този начин можете да изберете перфектните формати и размери на изображенията. Например, ако повечето от посетителите ви използват браузъра Apple Safari, ще трябва да осигурите допълнителна поддръжка за използване на WEBP файлове с изображения в WordPress.
Изборът на перфектния тип на изображението за вашия уебсайт WordPress е жизненоважен, що се отнася до бързината, UX, ефективността на уебсайта, SEO и последователността.
Не можете да си позволите да оставите тази зона без надзор, тъй като сте в полза, когато разработвате добра стратегия за изображение. Вашето ръководство за стил трябва да предоставя директиви за изображението на всички потребители.
И накрая, компресирайте и оптимизирайте вашите изображения, за да постигнете перфектния баланс между качество и производителност.
Имате ли въпроси за типовете файлове с изображения? Уведомете ни в секцията за коментари по-долу!
