WordPress გამოსახულების მართვის საბოლოო სახელმძღვანელო

  1. 1. ამჟამად კითხულობს: WordPress გამოსახულების მართვის საბოლოო სახელმძღვანელო
  2. 2. 3 ნაკლებად ცნობილი სურათის მართვის რჩევები WordPress- ში
  3. 3. WordPress Image SEO შეცდომები და როგორ გამოსწორება

ვიზუალური გავლენა ერთ – ერთი ყველაზე მნიშვნელოვანი მახასიათებელია, როდესაც საქმე ეხება გავლენიანი შინაარსის მარკეტინგის გეგმას. კეთილი იყოს თქვენი მობრძანება ახალ პოსტ სერიებში – WordPress- ში გამოსახულების მართვის საბოლოო სახელმძღვანელო.


ის შექმნილია იმისათვის, რომ მოგაწოდოთ ის საშუალებები, რომლებიც საჭიროა WordPress- ში გამოსახულების აქტივების მართვისთვის – ტექნიკური ოპტიმიზაციის, SEO- ის, CDN ინტეგრაციის და ბიბლიოთეკის მენეჯმენტის უფლებადან. ამ მრავალპარტიული სახელმძღვანელოში, ჩვენ მხოლოდ ჩვენ გირჩევთ ის მეთოდები, გაკვეთილები, მოდულები და თემები, რომლებიც შევეცადეთ ან რეკომენდაცია აქვთ ინდუსტრიის ექსპერტების მიერ..

ჩვენ ასევე თავიდან ავიცილებთ ბრმად შემოთავაზების დანამატებს, რომლებსაც დიდი გამოყენება აქვთ WordPress საცავში. უფრო მეტიც, ჩვენ გირჩევთ, რომლებმაც სრულყოფილი აკორდი შექმნას ღირებულების წინადადებასა და შესრულების ოპტიმიზაციას შორის.

თქვენ შეიძლება გაგიკვირდეთ, როგორ მოვიქცეთ ამ საქმის გაკეთებაზე. ჩვენი ჯამური – საპასუხო მრავალფუნქციური WordPress თემის თემატფორდში 24000+ გადმოწერა შესაძლოა არ იყოს შესანიშნავი მაჩვენებელი.

ჩვენ, ჩვენ საუკეთესო ბლოგი დავინახეთ ინდუსტრიის წამყვანი WordPress მასპინძელი კომპანიებისგან (მაგალითად, WPEngine და გვერდზე) და შეიტყო რა ისინი შეიტყო მილიარდ გვერდის სანახავად, ათასობით პროფილის კლიენტთან მუშაობის დროს. ჩვენ გავაფორმეთ თქვენთვის ეს ყველაფერი მცირე აბზაცებად და ტყვიებში, თქვენი ონლაინ წარმატებისთვის. ახლა დავიწყოთ?

ტექნიკური და შესრულების ოპტიმიზაციის შესახებ მინიშნებები WordPress სურათები

WordPress- ში უამრავი სურათის ოპტიმიზაციის ვარიანტი არსებობს არა ვებ სერვერზე ზედმეტი დატვირთვა დააყენეთ. ჩვენ გადავხედავთ გამოსახულების ოპტიმიზაციის ყველაზე გავრცელებულ რჩევებს, რომლებიც ყველას აქვს უნდა მიჰყევით, რამდენიმე სხვასთან ერთად, რომლებიც განსაკუთრებულ შემთხვევებში გამოდგება.

JPG თუ PNG? სურათის სწორი ფორმატის გამოყენებით

პირველი ნაბიჯი გამოსახულების ოპტიმიზაციაში კარგი დასაწყისია. მათი თქმით, სამუშაოს კარგად დაწყება დასრულებულია. ეს ზუსტად ის შემთხვევაა, როდესაც საქმე ეხება WordPress- ში გამოსახულების ოპტიმიზაციას. ეს ყველაფერი იწყება სურათის სწორი ფორმატის არჩევით. JPG და PNG ორი ყველაზე გავრცელებული ფორმატის გამოსახულებაა, რომელიც ინტერნეტში გამოიყენება შინაარსის მარკეტინგში.

ხრიკი არის იმის გაგება, თუ რომელი ფორმატის შერჩევა თითოეული ტიპის სურათისთვის. არასწორი შერჩევა იწვევს სურათის ზომების მონუმენტურ ზრდას. აქ მოცემულია წესები.

როდის გამოიყენოთ PNG ფორმატში?

ბრტყელი გამოსახულებებისთვის – მაგალითად, ვექტორები, ილუსტრაციები, შრიფტები, ლოგოები, ბანერები, ფორმები, ბანერები და ა.შ. – ყველაფერი, რაც იქმნება ვექტორულ ფორმატში, როგორიცაა EPS ან Adobe Illustrator (.AI) ფორმატით, გამოიყენეთ PNG. თქვენ დასრულდებით ოპტიმიზებული გამოსახულების მიღებას თითქმის ნულოვანი ხარისხის დაკარგვით. თუ ამ შემთხვევაში იყენებთ JPG– ს, თქვენ არ იმოქმედებთ კომპრომისზე ზომაზე, მაგრამ შეიძლება ამოიწურება ხარისხთან დაკავშირებით. სინამდვილეში, უფრო მაღალი რეზოლუციის პირობებში, PNG მსუბუქი იქნება ხარისხის დაკარგვის გარეშე. JPG განიცდიდა.

მიიღეთ მისი მაგალითი. ჩვენ შევქმნით ბრტყელ სურათს 5000px და შეინახავთ მას როგორც JPG და PNG.

ტესტირებისთვის გამოყენებული ნიმუშის სურათი

ბინა სურათი
JPG233KB
PNG42 კბ

მოკლედ რომ ვთქვათ, JPG გამოსახულება 455% -ით აღემატებოდა PNG- ს იგივე რეზოლუციისთვის.

როდის გამოვიყენოთ JPG ფორმატში?

ყველაფრისთვის გამოიყენეთ JPG. ბინის ან ვექტორის გამოსახულების გარდა, გამოიყენეთ JPG. ადამიანების, ადგილების, ნივთების და სხვების ფოტოები – გამოიყენეთ JPG. ამ კატეგორიის თითქმის ყველა საფონდო ფოტო იყენებს JPG. თუ JPG– ს ნაცვლად იყენებთ PNG– ს, ზოგიერთს შეხვდებით სერიოზული შესრულების საკითხები.

ამ შემთხვევაში ზედმეტი ფრთხილად უნდა იყოთ. თუ JPG– ს იყენებთ PNG– ს ადგილზე, ზიანი მიაყენებს მცირე ან დაზიანებას. ამასთან, თუ JPG– ს შემთხვევაში იყენებთ სისხლიან PNG- ს, თქვენ დიდ ადგილს ქმნით ზიანის მისაღწევად. გადახედეთ ამ მაგალითს.

Აწყობა: მე გადმოვწერე Shutterstock– ის ეს სურათი, რომელიც წონაა 10.3MB დადგენილებით 6149 × 4562 – არსებითად, 28MP საფონდო ფოტო. თუ ჩვენ არ ვამზადებთ დაბეჭდვის მსგავსი ბროშურის მსგავსი, ჩვენ არ გამოვიყენებთ ფოტოების სრულ რეზოლუციას ჩვენს ბლოგებში. მოდით ვთქვათ, რომ ჩვენ გვაქვს ჩვენი ბლოგის მაქსიმალური ზომის ზომა 1600px.

Ექსპერიმენტი: ჩვენ განზომილებით ვაქცევთ წყაროს სურათს 1600px და შევქმნით ოთხი ვერსია – ორი PNG ფორმატისთვის და ორი JPG. თითოეული ფორმატისთვის (JPG / PNG), ჩვენ გამოვიყენებთ (ა) გირჩევთ შეკუმშვის პარამეტრებს და (ბ) შეკუმშვის მაქსიმალურ პარამეტრებს.

ნიმუში სურათი JEPG ექსპერიმენტისთვის

შედეგები: აქ მოცემულია შედეგები მშვენიერ ცხრილში, რომელიც შეგიძლიათ დაიცვათ:

ორიგინალი სურათი (KB)

10870
მიზნის რეზოლუცია1600px
ფორმატისპარამეტრებიზომა (KB)შემცირება
JPGპროგრესული, ხარისხი = 8523198%
პროგრესული, ხარისხი = 8523998%
PNGშეკუმშვა = 0557549%
შეკუმშვა = 61852 წ83%
შეკუმშვა = 91750 წ84%

ერთი შეხედვით, შეიძლება ვიფიქროთ, რომ PNG- ის შეკუმშვის 84% არის საკმარისად კარგი JPG- ში მიღწეული 98% -ით. ეს არ არის მთლიანად მართალი. თუ ყურადღებით დააკვირდებით სურათის ზომებს, ნახავთ, რომ PNG წონა ოდნავ აღემატება 1.7 მბ-ს, ხოლო JPG არის 0.22MB. რაც ნიშნავს PNG არის 8 ჯერ უფრო მძიმე ვიდრე JPG იგივე გამოსახულების ვერსია იმავე რეზოლუციით. სხვა სიტყვებით რომ ვთქვათ, იგივე გამოსახულების და რეზოლუციისთვის, JPG ვერსია 700% -ით მსუბუქია ვიდრე PNG!

იგივე სურათისა და რეზოლუციისთვის, JPG ვერსია 700% -ით მსუბუქია ვიდრე PNG!

როგორც წესი, გამოიყენეთ PNG ბინა სურათები და JPG დანარჩენი ყველაფრისთვის.

ბლოგის ბლოკებში საფონდო ფოტოების ატვირთვის ჩამონათვალი

არსებობს უამრავი ბლოგი, სადაც რედაქტორები პირდაპირ ატვირთავს სურათის სრულ რეზოლუციის ვერსიას მათ ბლოგ პოსტებში. აქ მოცემულია რამდენიმე მითითება საფონდო ფოტოების ბლოგებზე ატვირთვისთვის. მე ვიყენებ უფასო პროგრამას, სახელწოდებით IrfanView, რომელსაც აქვს არაერთი შესანიშნავი თვისება. მე თითოეულს წარმოგიდგენთ თქვენთვის.

1. შეცვალეთ თქვენი სურათი

უპირველეს ყოვლისა, თქვენ უნდა გადაწყვიტოთ მაქსიმალური რეზოლუცია თქვენი WordPress საიტის ყველა სურათისთვის. ამ განზომილების ზემოთ ნებისმიერი ზომის ზომის შეცვლა მოხდება, თუ რა თქმა უნდა ეს უფრო მცირეა.

ირფანვივი აქვს სურათების კონვერტაცია ფუნქცია (დააჭირეთ B პროგრამის ამოქმედების შემდეგ), რომელსაც შეუძლია ერთდროულად გამოიყენოს ფუნქციების სია სურათების თაიგულებზე. ჩვენი მიზნებისათვის, ფუნქციები მოიცავს ზომის შეცვლას, მოჭრას, წყალმცენარის დამატებას და ა.შ..

2. ამოიღეთ EXIF ​​მონაცემები

რეგულარულ კამერაზე დაჭერილი ფოტოები ჩანერგილი ბევრი აქვს მეტამონაცემები – რაც სხვა არაფერია, თუ არა სურათის შესახებ ინფორმაციის მცირე (მაგრამ სასარგებლო) რაოდენობა. ასეთი ინფორმაციის მაგალითები მოიცავს GPS კოორდინატებს, სადაც მოხდა სურათის დაჭერა, ISO პარამეტრები, კამერის მოდელი და ა.შ..

EXIF ინფორმაცია შემთხვევითი ფოტოზე დააჭირეთ ჩემს iPhone- ზე

თუ ფოტო-ბლოგინგი არ გამოვა, ზოგადად არ გვინდა ასეთი ინფორმაცია ბლოგის პოსტის სურათში. IrfanView- ში სურათების შენახვის ან სურათების გარდაქმნისას, EXIF ​​მონაცემები ჩვეულებრივ ამოღებულია. ეს დაგეხმარებათ თქვენი კონფიდენციალურობის შენარჩუნებაში – განსაკუთრებით თქვენი ფიზიკური ადგილმდებარეობის დაცვაში. ფოტოების უმეტესობის ზომა განსხვავებულია სურათზე დაახლოებით 200-300 კბ.

3. შეინახეთ როგორც პროგრესული JPG

IrfanView– მა გადაარჩინა JEPG– ები, როგორც სტანდარტულად, პროგრესული

პროგრესული JPG სურათი ატვირთავს სურათის ფენას ფენით – ამით დააჩქარებს დატვირთვის დრო. დაწყებულია კონტენტის მიწოდების ქსელები, როგორიცაა KeyCDN ავტომატურად კონვერტირება JPG– ები პროგრესულ JPG– მდე, სურათის მიწოდების დაჩქარების და შენახვის ოპტიმიზაციის მიზნით.

4. დააყენეთ DPI 72

DPI ან წერტილები თითო ინჩზე არის გამოსახულების ხარისხის ზომა. ბეჭდური მასალისთვის გამოიყენება მაღალი DPI მნიშვნელობა. ვებ – გვერდისთვის, 72-ის ღირებულება შესანიშნავია.

Okay, ასე რომ შეჯამებულია ზემოთ, შემდეგ მოცემულია ჩემი პარამეტრები. მე ეს ფუნქცია გავუშვი მას შემდეგ, რაც შევქმენი ყველა სურათი ჩემი ბლოგის პოსტისთვის – სურათების WordPress- ზე ატვირთვის წინ.

შეკვეთის კონვერტაციის პარამეტრები IrfanView– ში ტიპიური WordPress ბლოგისთვის

5. თქვენი სურათების ოპტიმიზაცია

არ აქვს მნიშვნელობა თუ იყენებთ JPG ან PNG, თქვენი გამოსახულების ოპტიმიზაციაა საჭირო. უამრავი სერიოზული გასაოცარია ონლაინ ინსტრუმენტი, რომელიც დაგეხმარებათ თქვენი სურათების ოპტიმიზაციაში და დაზოგვაში ბევრი სივრცე.

მე ვსაუბრობ სერვისებზე, როგორიცაა TinyPNG ან TinyJPG, რომელიც უბრალოდ ოპტიმიზირებს თქვენს PNG / JPG სურათებს რამდენიმე მოწინავე ალგორითმით.

ოპტიმიზებული სურათები TinyPNG- ში

მართალი გითხრათ, არ ვიცი, როგორ მუშაობს ალგორითმები, მაგრამ ასეც ხდება და მე ყოველთვის შევძლებდი შემცირება 50-70% -ით, რამდენადაც არ ვიცი მათი შენახვა.

თქვენ ასევე შეგიძლიათ შეიძინოთ პრო ვერსია მომსახურების, როგორც Photoshop მოდულის $ 50 აშშ დოლარად. ორივე Windows და Mac ვერსიები ხელმისაწვდომია. ჩემი მიზნებისათვის, ონლაინ ვერსია (ერთად შენახვა Dropbox- ში თვისება) საუკეთესოდ მუშაობს.

გამოსახულების ოპტიმიზაციის მოდელები WordPress- ში

ჯერჯერობით, ჩვენ ვისწავლეთ მიღების ნაბიჯები დაიწყო მართალია. რა მოხდება, თუ ახლავე დაუბრკოლებთ ამ ჩანაწერს და უკვე გაქვთ 100-მდე სურათი ატვირთული? აქ არის რამდენიმე მოდული, რომელიც დაგეხმარებათ ამაში:

EWWW Cloud Image Optimizer

ეს მოდული არის ორიგინალი და უაღრესად პოპულარული ჩანგალი EWWW გამოსახულების ოპტიმიზატორი ჩართვა შეერთება. 500000 – ზე მეტი გადმოტვირთვისას, ამ სურათის ოპტიმიზაციის მოდული საშუალებას გაძლევთ ოპტიმიზაცია მოახდინოთ სურათების შესაქმნელად, რადგან ისინი ატვირთულია WordPress- ზე.

კონკურენციისგან განცალკევების შესაძლებლობა არის თქვენს მონაცემთა ბაზაში არსებული სურათების ოპტიმიზაციის შესაძლებლობა, რაც იწვევს უზარმაზარ შესრულებას. ეს ასევე დაზოგავს სიჩქარეს, რადგან თქვენი ტრეფიკის უმეტესობა ძველი სტატიებიდან მოდის. თქვენ ასევე შეგიძლიათ სურვილისამებრ შეარჩიოთ გამოსახულების დაკარგვის კომპრესირება (რაც შიშველი თვალით ძლივს ჩანს), მაგრამ შეგიძლიათ შეინახოთ ბევრი ადგილი და გამტარობა. ოპტიმიზაციის ტექნოლოგიის თვალსაზრისით, მას შეუძლია TinyPNG ან TinyJPG API გამოიყენოს ახალი და არსებული სურათების ოპტიმიზაციისთვის.

მაგრამ აქ არის პრობლემა. ბევრი მასპინძელი (მათ შორის WPEngine) არ იძლევა EWWW გამოსახულების ოპტიმიზაციის მოდული, რადგან ის სერვერზე აყენებს დამატებით დატვირთვას. თუ თქვენ როგორღაც მოახერხებთ სერვერის შეზღუდვების გადალახვას, შესაძლოა საფრთხე შეაჩერონ თქვენი ანგარიშის შეჩერების გამო, პოლიტიკის დარღვევის გამო.

ეს არის სადაც EWWW Cloud Optimizer მოდული თამაშობს. ეს გადატვირთულია ყველა გამოთვლით, რომელიც საჭიროა სურათების ღრუბელზე ოპტიმიზაციისთვის და უბრალოდ ჩაანაცვლებს არაპოტიცირებულ სურათებს ოპტიმიზებულს. მას შემდეგ, რაც პრაქტიკულად ნულოვანი CPU ძალა გამოიყენება შეკუმშვისთვის, გამეორებაზე დამატებითი დატვირთვა არ არის. ეს მართებულია თქვენი WordPress საიტზე ყველა ახალი და არსებული სურათის კონვერტაციისთვის.

გეგმები და ფასები: როგორც ამას მოელოდა, მოდული უფასო არ არის, რადგან დეველოპერმა უნდა გადაიხადოს ღრუბლოვანი კომპიუტერული გადასახადები. ამასთან, ფასები უკიდურესად გონივრული ფასია $ 9 აშშ დოლარი 3000 ოპტიმიზაციისთვის, წინასწარი გადახდა.

EWWW Cloud Optimizer მოდული შექმნილია ლამაზად. მედიის სკანერი მოგვითხრობს, თუ რამდენი სურათი გჭირდებათ ოპტიმიზაციისთვის, შეძენის გაკეთებამდე. თქვენი სერვერის სურათებიდან გამომდინარე, შეგიძლიათ შეიძინოთ შესაბამისი წინასწარი გადახდის გეგმა.

TinyPNG WordPress მოდული

ეს კიდევ ერთი შესანიშნავი გამოსახულების ოპტიმიზაციის მოდულია, რომელიც პირდაპირ ინტეგრირდება TinyPNG / JPG სერვისთან. ის ავტომატურად ახდენს WordPress- ის მედია ბიბლიოთეკაში ატვირთულ ახალ და არსებულ სურათებს. ეს მოდული გთავაზობთ უფასო გეგმის 100 გამოსახულების ოპტიმიზაციას თვეში.

ფრედიმ შეადგინა სურათის ოპტიმიზაციის მოდულების სია, ცოტა ხნით უკან – მიეცით მას წაკითხული, თუ გსურთ მეტი იცოდეთ თემაზე.

დასკვნა

ამით მივყავართ ამ სერიის პირველი პოსტის ბოლოს. შემდეგ სტატიაში კარგად გაეცანით როგორ არის ცნობილი ნაკლებად ოპტიმალური გამოსახულების ოპტიმიზაციის რჩევები და ხრიკები, როგორიცაა ცხელი ლინკების აღკვეთა, დისტანციური სერვერებიდან სურათების გადაღება და ა.შ. გაქვთ რჩევები ქვემოთ დაწყება სწორად კატეგორიაში? შეგვატყობინეთ ქვემოთ მოცემულ კომენტარებში.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me