GIF სურათების ოპტიმიზაცია და შენახვა

Pin
Send
Share
Send


Photoshop– ში ანიმაციის შექმნის შემდეგ, თქვენ უნდა შეინახოთ იგი ერთ ფორმატში, რომელთაგან ერთ – ერთია GIF. ამ ფორმატის მახასიათებელია ის, რომ იგი განკუთვნილია ბრაუზერში ჩვენების (აღწარმოების) ჩვენებისთვის.

თუ გაინტერესებთ ანიმაციის გადარჩენის სხვა ვარიანტები, გირჩევთ წაიკითხოთ ეს სტატია:

გაკვეთილი: როგორ შეინახოთ ვიდეო Photoshop– ში

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

გაკვეთილი: შექმენით მარტივი ანიმაცია Photoshop– ში

GIF გადარჩენა

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

ფანჯარა ორი ნაწილისგან შედგება: ესკიზის ბლოკი

და პარამეტრების ბლოკი.

გადახედვის ბლოკი

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

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

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

თან ხელები თქვენ შეგიძლიათ გამოსახულების გადატანა არჩეულ ფანჯარაში. შერჩევა ასევე მზადდება ამ ხელსაწყოს მიერ. "სასწორი" ასრულებს იგივე მოქმედებას. თქვენ შეგიძლიათ გაზომოთ და გააფართოვოთ ღილაკების ბლოკის ბოლოში.

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

ბრაუზერის ფანჯარაში, პარამეტრების ნაკრების გარდა, შეგვიძლია მივიღოთ HTML კოდი გიფები

პარამეტრების ბლოკი

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

  1. ფერის სქემა. ეს პარამეტრი განსაზღვრავს რომელი ინდექსირებული ფერის ცხრილი გამოიყენებს გამოსახულების ოპტიმიზაციის დროს.

    • აღქმისმაგრამ უბრალოდ "აღქმის სქემა". გამოყენებისას, Photoshop ქმნის ფერის ცხრილს, რომელსაც ხელმძღვანელობს გამოსახულების მიმდინარე ფერები. დეველოპერების თქმით, ეს ცხრილი რაც შეიძლება ახლოს არის, თუ როგორ ხედავს ადამიანის თვალი ფერებს. Plus - ორიგინალთან ყველაზე ახლოს გამოსახული ფერები მაქსიმალურად არის დაცული.
    • შერჩევითი სქემა მსგავსია წინა, მაგრამ ის ძირითადად იყენებს ფერებს, რომლებიც უსაფრთხოა ინტერნეტში. აქცენტი გაკეთებულია ორიგინალთან ახლოს ჩრდილების ჩვენებაზე.
    • ადაპტირებული. ამ შემთხვევაში, ცხრილი იქმნება ფერებისგან, რომლებიც უფრო ხშირად გვხვდება გამოსახულებაში.
    • შეზღუდულია. იგი შედგება 77 ფერისგან, რომელთაგან ზოგი თეთრად იცვლება წერტილის (მარცვლეულის) სახით.
    • საბაჟო. ამ სქემის არჩევისას შესაძლებელი ხდება საკუთარი პალიტრის შექმნა.
    • შავი და თეთრი. ამ ცხრილში მხოლოდ ორი ფერია გამოყენებული (შავი და თეთრი), ასევე იყენებენ მარცვლეულის ზომას.
    • ნაცრისფერ მასშტაბში. აქ გამოიყენება 84 ფერის ნაცრისფერი სხვადასხვა დონე.
    • მაკოს და ვინდოუსი. ეს ცხრილი შედგენილია ამ ოპერაციული სისტემების ბრაუზერებში გამოსახულების ჩვენების მახასიათებლების საფუძველზე.

    აქ მოცემულია სქემის გამოყენების რამდენიმე მაგალითი.

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

  2. მაქსიმალური რაოდენობა ფერების ცხრილში.

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

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

    მაგალითი:

  4. დაშლა საშუალებას გაძლევთ გაუფერულოთ ფერები შორის გადასვლები შერჩეული ინდექსების ცხრილში მოთავსებული ჩრდილების შერევით.

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

    მაგალითი:

  5. გამჭვირვალეობა ფორმატის GIF მხარს უჭერს მხოლოდ აბსოლუტურად გამჭვირვალე ან აბსოლუტურად გაუმჭვირვალე პიქსელს.

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

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

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

  7. SRGB კონვერტაცია დაგეხმარებათ შეინახოთ ორიგინალური გამოსახულების ფერების მაქსიმუმი.

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

Photoshop- ში GIF- ის დაზოგვის პროცესის უკეთესად გააზრებისთვის საჭიროა პრაქტიკა.

პრაქტიკა

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

  1. სურათის დამუშავების შემდეგ გადადით მენიუში ფაილი - შენახვა ინტერნეტში.
  2. ჩვენ დავაყენეთ ხედის რეჟიმი "4 ვარიანტი".

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

    პარამეტრის პარამეტრები შემდეგია:

    • ფერის სქემა "შერჩევითი".
    • "ფერები" - 265.
    • დაშლა - "შემთხვევითი", 100 %.
    • ჩვენ ამოიღეთ daw წინა პარამეტრის წინ ურთიერთდაკავშირებული, რადგან სურათის საბოლოო მოცულობა საკმაოდ მცირე იქნება.
    • ვებ ფერები და "ზარალი" - ნული.

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

  4. გადადით ქვემოთ მოცემულ სურათზე, უბრალოდ კონფიგურაცია. შევეცადოთ მისი ოპტიმიზაცია.
    • ჩვენ სქემას უცვლელად ვტოვებთ.
    • ფერების რაოდენობა შემცირებულია 128-მდე.
    • ღირებულება დაშლა შემცირება 90% -მდე.
    • ვებ ფერები ჩვენ არ შევეხებით, რადგან ამ შემთხვევაში ეს დაგვეხმარება ხარისხის შენარჩუნებაში.

    GIF ზომა შემცირდა 36.59 KBდან 26.85 KB.

  5. ვინაიდან სურათს უკვე აქვს გარკვეული სიმშრალე და მცირე დეფექტები, შევეცდებით გავზარდოთ "ზარალი". ეს პარამეტრი განსაზღვრავს შეკუმშვის დროს მონაცემთა დაკარგვის მისაღები დონეს. GIF. შეცვალეთ მნიშვნელობა 8-ზე.

    ჩვენ შევძელით კიდევ უფრო შემცირებულიყო ფაილის ზომა, ამასთანავე კარგავ ხარისხს. ახლა GIF– ს წონაა 25,9 კიბობიტამდე.

    მთლიანობაში, ჩვენ შევძელით სურათის ზომა შემცირება დაახლოებით 10 კბ-ით, რაც 30% -ზე მეტია. ძალიან კარგი შედეგია.

  6. შემდგომი მოქმედებები ძალიან მარტივია. დააჭირეთ ღილაკს დაზოგე.

    აირჩიეთ ადგილი დაზოგვისთვის, მიეცით გიფის სახელი და კვლავ დააჭირეთ ღილაკს "შენახვა ".

    გაითვალისწინეთ, რომ ამის შესაძლებლობა არსებობს GIF შექმნა და HTML დოკუმენტი, რომელშიც ჩვენი სურათი იქნება ჩასმული. ამისათვის უმჯობესია შეარჩიოთ ცარიელი საქაღალდე.

    შედეგად, ჩვენ ვიღებთ გვერდს და საქაღალდეს, რომელსაც გამოსახულება აქვს.

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

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

Pin
Send
Share
Send