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


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

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

გაკვეთილი: როგორ გადავარჩინოთ ვიდეო Photoshop- ში

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

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

შენახვა GIF

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

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

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

ნახვის ბლოკი

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

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

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

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

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

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

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

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

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

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

    აქ არის მაგალითები მაგალითები სქემები.

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

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

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

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

    მაგალითი:

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

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

    მაგალითი:

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

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

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

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

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

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

Photoshop- ში gif- ის შენარჩუნების პროცესის საუკეთესო გაგებისათვის საჭიროა პრაქტიკა.

პრაქტიკა

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

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

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

    პარამეტრების პარამეტრები შემდეგნაირად გამოიყურება:

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

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

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

    GIF ზომა შემცირდა 36.59 კბ-მდე 26.85 KB.

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

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

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

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

    აირჩიეთ ადგილი, შეინახეთ, მიუთითეთ gif- ის სახელი და შემდეგ დააჭირეთ "შენახვა ".

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

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

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

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