შენახვა ვებ მოდულისთვის. სურათების ინტერნეტში შენახვის ფუნქციები. როგორ სწორად შეინახოთ სურათი ინტერნეტისთვის Photoshop-ში

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

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

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

1. გახსენით PSD ფაილი

გთხოვთ გაითვალისწინოთ, რომ PSD ფაილში ტექსტის დასამუშავებლად საჭიროა დააინსტალიროთ საჭირო შრიფტები, რომლებიც ჩამოთვლილია fonts_info.txt ფაილში.

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

3. ახლა თქვენ უნდა დააჭიროთ ღილაკს "Shift" და აირჩიოთ ყველა ფრაგმენტი, რომლის შენახვაც გსურთ.

4. ზედა მენიუში გადადით ფაილი > შენახვა ვებსა და მოწყობილობებზე(ფაილი > შენახვა ვებსა და მოწყობილობებზე)

5.აირჩიეთ Slice select ინსტრუმენტი და ისევ, „Shift“ ღილაკის დაჭერისას აირჩიეთ ფრაგმენტები. დააჭირეთ Save ღილაკს

გთხოვთ გაითვალისწინოთ, რომ სურათები უნდა იყოს შენახული საიტის საქაღალდეში და არა Images-ში. დარწმუნდით, რომ ისევ გაქვთ იგივე პარამეტრები:

• — შეინახეთ როგორც ტიპი: მხოლოდ სურათები
• — პარამეტრები/პარამეტრები: ნაგულისხმევი პარამეტრები/სტანდარტული პარამეტრები
• — ნაჭრები/ფრაგმენტები: არჩეული ნაჭრები/აირჩიეთ ფრაგმენტები (მნიშვნელოვანია!)

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

7. განაახლეთ გვერდი და შეამოწმეთ ახლახან შეცვლილი სურათი.

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

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

როგორც ვებ დიზაინერები გვირჩევენ, უმჯობესია გამოიყენოთ სხვა ჩანართი, სადაც გადახედვის ფანჯარა აჩვენებს ერთდროულად ორ სურათს, ორიგინალს და ოპტიმიზებულს, ეს არის "2-Up" ჩანართი:

როდესაც ჩანართი „2 ვარიანტი“ არის აქტიური, ახლა ჩვენ ვხედავთ ერთდროულად ორ სურათს, ორიგინალურ ვერსიას მარცხნივ და ოპტიმიზებულ ვერსიას მარჯვნივ (თუ თქვენს სურათს აქვს ლანდშაფტის ორიენტაცია, ანუ მისი სიგანე აღემატება მის სიმაღლეს, მაშინ სურათები ნაჩვენები იქნება ერთმანეთის ზემოთ) :

Ფაილის ფორმატი

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

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

გამოსახულების შეკუმშვის ხარისხი

პირდაპირ ფორმატის ვარიანტის ქვემოთ არის გამოსახულების შეკუმშვის ხარისხის არჩევის ვარიანტები, ე.ი. თავად სურათის გამომავალი ხარისხი.
ჩვენ შეგვიძლია ავირჩიოთ წინასწარ განსაზღვრული ხარისხის პარამეტრებიდან (დაბალი, საშუალო, მაღალი და ძალიან მაღალი და საუკეთესო, ინგლისურად - დაბალი, საშუალო, მაღალი, ძალიან მაღალი და მაქსიმალური) ჩამოსაშლელ სიაში მარცხნივ, ან შეგვიძლია შევიტანოთ გარკვეული ხარისხის მნიშვნელობა პროცენტულად მარჯვნივ.
მიუხედავად იმისა, რომ მაცდურია ჩვენი ფოტოებისთვის უმაღლესი ხარისხის დაყენება, ვებზე ოპტიმიზაცია ნიშნავს, რომ ფაილის ზომა მეგაბაიტებში უნდა შევინარჩუნოთ რაც შეიძლება მცირე, რაც ნიშნავს გამოსახულების ხარისხსა და ფაილის ზომას შორის ბედნიერი მედიის პოვნას. მაღალი ხარისხის პარამეტრი თითქმის ყოველთვის საუკეთესო არჩევანია, რაც გვაძლევს გამოსახულების მისაღებ ხარისხს შედარებით მცირე ფაილის ზომაში. „მაღალის“ არჩევა ავტომატურად აყენებს ხარისხის მნიშვნელობას 60%-მდე:

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

ფერის სივრცე

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

Სურათის ზომა
დიალოგური ფანჯარა ასევე გვაძლევს შესაძლებლობას შევცვალოთ გამოსახულების ხაზოვანი ზომა. მე გირჩევთ წინასწარ შეცვალოთ გამოსახულების ზომა, სანამ ჩართავთ Save for Web დიალოგურ ფანჯარას ისე, რომ როდესაც შეინახავთ ვებ-ისთვის, პიქსელის ხაზოვანი ზომები უკვე ადგილზეა. ეს განსაკუთრებით ეხება Photoshop CC-ის უახლეს ვერსიას თავისით
ახალი სურათის ზომის დიალოგური ფანჯარა. სურათის ზომის შეცვლა დაფარულია Photoshop CC-ში და CS6 და ქვემოთ ვერსიებში.

ორიგინალური და ოპტიმიზებული ფაილის ზომის შედარება

ამ ეტაპზე, ჩვენ გავაკეთეთ ყველაფერი, რაც გვჭირდებოდა ფაილის ოპტიმიზაციისთვის, ახლა კი მოდით შევხედოთ ფაილის ზომას ბაიტებში თავდაპირველ და ოპტიმიზებულ ვერსიებში. ჩემს შემთხვევაში, ორიგინალური ფოტოს ზომა (მარცხნივ) იყო კოლოსალური მნიშვნელობა ინტერნეტისთვის - 1.29 მბ, რაც ძალიან დიდია მომხმარებლებისთვის, თუნდაც საშუალო ინტერნეტის სიჩქარით, და ოპტიმიზებული ვერსია (მარჯვნივ), რომელიც გამოიყურება თითქმის ისეთივე კარგად, როგორც ორიგინალი, გამოვიდა სულ 41.85 Kb:

სურათის შენახვა

თქვენი ფოტოს ოპტიმიზებული ვერსიის შესანახად დააწკაპუნეთ Save ღილაკს დიალოგური ფანჯრის ბოლოში. Photoshop გახსნის ახალ Save Optimized As დიალოგურ ფანჯარას, რომელიც საშუალებას გაძლევთ საჭიროების შემთხვევაში გადაარქვათ სურათს სახელი, ასევე აირჩიოთ სასურველი საქაღალდე თქვენს მყარ დისკზე შესანახად. დასრულების შემდეგ დააჭირეთ ღილაკს "შენახვა" სურათის შესანახად და გამოდით დიალოგური ფანჯრიდან:

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

სამიზნე:ვებ გვერდის გრაფიკული ელემენტების მომზადების ალგორითმის შესწავლა

ზოგადი წინადადებები სურათების მომზადებისთვის:

• გრაფიკული ელემენტები უნდა იყოს წარმოდგენილი ფორმატში GIFან PNG.
• ფოტოები უნდა იყოს წარმოდგენილი ფორმატში JPEG.
• დარწმუნდით, რომ დაბალი რეზოლუციის სურათები ნაჩვენებია დიდი სურათების ჩატვირთვისას.
• გამოყენება GIF-გამოსახულებები გადახლართული ფორმატით.
• მიუთითეთ ატრიბუტები სიმაღლედა სიგანეელემენტი img.
• შეამცირეთ ანიმაციის რაოდენობა.
• გამოიყენეთ გამოსახულების ხატები შეძლებისდაგვარად.
• დარწმუნდით, რომ შექმენით „ალტერნატიული“ ტექსტი (ატრიბუტი ალტ)

გრადიენტის ფონზე დაყენებისას არჩეულია ჰორიზონტალური ან ვერტიკალური გრადიენტი და, აქედან გამომდინარე, ამ გრადიენტის მხოლოდ თხელი ხაზია ამოჭრილი. CSS-ში მოთავსებისას დაყენებულია შესაბამისი ფონის თვისებები ( იხილეთ ნახ. 1.1)

ბრინჯი. 1.1. ფონის გრადიენტი Photoshop-ში

სანამ იყენებთ გამოსახულების ფაილს ვებ გვერდზე, თქვენ უნდა მოამზადოთ იგი გრაფიკულ რედაქტორში განთავსებისთვის. ამ შემთხვევაში მნიშვნელოვანია არა მხოლოდ სურათის ზომის განსაზღვრა Photoshop-ში, არამედ მისი სწორად შენახვა: გამოყენებით დიალოგური ფანჯარა შენახვა ვებსა და მოწყობილობებზე (იხილეთ ნახ. 1.2):

დიალოგური ფანჯრის პარამეტრების დაყენება შენახვა ვებზე და მოწყობილობებზე:

ოპტიმიზაცია და შეკუმშვა ფაილის მოცემულ ზომაზე:

ბრინჯი. 1.4. ოპტიმიზაცია და შეკუმშვა ფაილის მოცემულ ზომაზე

Photoshop Lab 1_1:

1. გახსენით სურათი Photoshop-ში და აირჩიეთ "ფაილი" ->.
2. დიალოგურ ფანჯარაში "შენახვა ვებზე და მოწყობილობებზე"დააჭირეთ ჩანართს "ოპტიმიზებული".
3. მენიუში "სტილი"აირჩიეთ "დაბალი JPEG ხარისხი".
4. დააწკაპუნეთ ჩანართზე "Სურათის ზომა".
5. დარწმუნდით, რომ პარამეტრი დაყენებულია "დაიცავი პროპორციები"და შეიყვანეთ სიგანე. შესაფერისი ზომა ელექტრონული ფოსტისთვის 400 პიქსელები
6. დააჭირეთ ღილაკს "Გადარჩენა". შეიყვანეთ ფაილის სახელი და გზა ფაილის შესანახად. დარწმუნდით მენიუში "ფორმატი"არჩეული ვარიანტი "მხოლოდ სურათები". დააჭირეთ ღილაკს "Გადარჩენა".

JPEG ოპტიმიზაციის პარამეტრების დაყენება

მაღალი ხარისხის ფოტოების გამოსაქვეყნებლად, თქვენ უნდა მოამზადოთ JPEG სურათი Photoshop-ში:

ბრინჯი. 1.5. JPEG ოპტიმიზაციის პარამეტრები

GIF და PNG ფორმატებისთვის ოპტიმიზაციის ვარიანტების დაყენება

ბრინჯი. 1.6. ოპტიმიზაციის ვარიანტები GIF და PNG ფორმატებისთვის

Photoshop Lab 1_2: JPEG შენახვა

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

Photoshop Lab 1_3: GIF შენახვა

• სამუშაოსთვის.
• დან "ფორმატთა სია"აირჩიეთ ელემენტი "GIF".
• აირჩიეთ (ან ჩაწერეთ) ველში ჩრდილების რაოდენობა "Ფერები"და ნახეთ, როგორ იმოქმედებს ეს სურათზე და საბოლოო ფაილის ზომაზე (set 90 )
• სურათის ორიგინალური გამას მითითებულ რაოდენობამდე შესამცირებლად, შეგიძლიათ გამოიყენოთ ფერების შემცირების 9 ხელმისაწვდომი მეთოდიდან ერთ-ერთი. აირჩიეთ ოთხი საუკეთესო ვარიანტიდან ერთი: დააინსტალირეთ "შემზღუდავი"
• ფერების შერევა ( დაბნეულობა) ნაწილობრივ ანაზღაურებს გამის სივიწროვეს დაკარგული ფერების "კონსტრუირებით" ხელმისაწვდომი ფერების ნაკრებიდან. აირჩიეთ "დიფუზია"და გადაიტანეთ სლაიდერი Dither(ნახევარხმოვანთა რაოდენობის ხარისხი) თითო 80 .
• ფერთა ცხრილში ორჯერ დაწკაპუნებით აირჩიეთ ერთ-ერთი ფერი (ყვითელი) და შეცვალეთ იგი სხვა ჩრდილით. შესარჩევად შეგიძლიათ გამოიყენოთ პიპეტიეკრანის მარცხენა მხარეს.
• დააჭირეთ ღილაკს შესრულებულიაოპტიმიზაციის პარამეტრების ორიგინალურ დოკუმენტში შესანახად

Photoshop Lab 1_4: შეწონილი ოპტიმიზაცია

• სამუშაოსთვის.
• გახსენით ფაილი რედაქტორში. აირჩიეთ სურათის ფრაგმენტი (ყვავილი) სწორი ლასოან რაიმე სხვა ინსტრუმენტი.
• შეინახეთ არჩევანი ალფა არხზე ( აირჩიეთ → შერჩევის შენახვა (შერჩევა → შენახვა)). მიეცით სახელი (შეიყვანეთ ველში სახელი).
• გახსენით დიალოგი "შენახვა ვებსა და მოწყობილობებზე", აირჩიეთ "JPEG"როგორც გამომავალი ფორმატი და საჭიროების შემთხვევაში დაარეგულირეთ ხარისხის დონე.
• დააჭირეთ ღილაკს "ნიღაბი"მინდვრის გვერდით "ხარისხი". იხსნება დიალოგური ფანჯარა.
• აირჩიეთ მენიუდან "არხი"ალფა არხი, რომელიც ახლახან შეინახეთ. Აწყობა "Მინიმალური"და/ან "მაქსიმუმი"ღირებულებები გემოვნებით და დაჭერით Კარგი.

Photoshop Lab 1_5: გამომავალი პარამეტრების დაყენება

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

ბევრი ვებმასტერისთვის სურათების ოპტიმიზაცია WEB გარემოსთვისარის სურათების დამუშავება და მათი შენახვა სხვადასხვა ფორმატში: gif (1-256 ფერი), png-8 (1-256 ფერი), png, jpeg. სურათების ოპტიმიზაციის შემდეგ მათი წონა მინიმალური უნდა იყოს. როგორც წესი, ვებგვერდის გვერდი სურათების ჩათვლით არ უნდა იყოს 600 KB-ზე მეტი. სურათების ზომა პირდაპირ დამოკიდებულია მის ხარისხზე. რაც უფრო მცირეა სურათის წონა, მით უარესია მისი ხარისხი და პირიქით. თუ სურათი შეიცავს 2-3 ფერს, მაშინ მისი შენახვა შესაძლებელია შემდეგ ფორმატებში: gif, png-8. თუ საიტი შეიცავს ბევრ არაოპტიმიზებულ სურათს, მაშინ სერვერზე დიდი დატვირთვაა და ნელი ინტერნეტის მქონე მომხმარებელი შეიძლება არ დაელოდოს გვერდის ჩატვირთვას. ასეთ შემთხვევებში მომხმარებელი მიდის სხვა საიტზე „მსუბუქი“ გვერდებით. ნებისმიერი ვებმასტერის ერთ-ერთი მთავარი მიზანია სტუმრების შენარჩუნება საკუთარ საიტზე.

თქვენ შეგიძლიათ დაარეგულიროთ გამოსახულების ხარისხი და ფერების რაოდენობა. რაც უფრო ნაკლები ფერია, მით უფრო მცირეა სურათის წონა. მაგრამ არ გაიტაცე. ფოტოები არ უნდა იყოს შენახული gif და png-8 ფორმატებში. მათთვის შესაფერისია jpeg შეკუმშვის ალგორითმებით და png-24 გამჭვირვალე უბნების მხარდაჭერით. შევინახოთ სურათი ვებ გარემოსთვის. მენიუს ზოლში აირჩიეთ " შენახვა WEB-ისთვის და მოწყობილობებისთვის" ან "შენახვა ვებისთვის".

აირჩიეთ "jpeg" ჩამოსაშლელი სიიდან. მოდი შევამოწმოთ ველი "პროგრესული" რეჟიმის გვერდით. ხარისხის ველში დააყენეთ მნიშვნელობა 80%. ასეთი ოპტიმიზაცია კარგია ვებსაიტებისთვის. Jpeg შეკუმშვის ალგორითმები აფუჭებს სურათის ხარისხს, მაგრამ ეს არის ის, რაც საშუალებას გაძლევთ შეამციროთ სურათის წონა. ოპტიმიზაციისას, ყურადღებით დააკვირდით, როგორ გამოიყურება თქვენი სურათი შეკუმშვის ალგორითმებით. ამისათვის იპოვნეთ "2 ვარიანტი" ჩანართი ფანჯარაში. თუ სურათი არ შეიცავს ფოტოებს, მაშინ მისი შენახვა შესაძლებელია სხვადასხვა ფორმატში და შედეგად მიღებული ვარიანტების შედარება შესაძლებელია ხარისხისა და წონის მიხედვით.

აქ თქვენ უნდა მოძებნოთ შუა ადგილი სურათის ხარისხსა და წონას შორის. GIF, png-8, png-24 ფორმატები საშუალებას გაძლევთ გამოიყენოთ გამჭვირვალობა. jpeg ფორმატი არ უჭერს მხარს გამჭვირვალობას. თუ თქვენ ცდილობთ სურათის შენახვას გამჭვირვალობით jpeg ფორმატში, მაშინ Photoshop ავტომატურად შეინახავს სურათს თეთრ ფონზე. თეთრი ველი გამოჩნდება იმ ადგილას, სადაც დაგეგმეთ გამჭვირვალე ტერიტორია. ყველა სურათს, რომლის ატვირთვასაც აპირებთ საიტზე, უნდა ჰქონდეს გარჩევადობა 72 dpi. ეს არის ზუსტად ის გარჩევადობა, რაც სურათებს უნდა ჰქონდეს.

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

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

ასე რომ, ჯერ გადავწყვიტეთ რა ზომის იქნება ჩვენი ფოტო.

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

იხსნება სურათის ზომის ფანჯარა


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

2048-ის ნაცვლად (აქ დიდი ალბათობით სხვა ნომრები გაქვთ), შეიყვანეთ 1024 „სიგანის“ ველში და რიცხვი 768 ავტომატურად გამოჩნდება „სიმაღლე“ ველში (რადგან ფრაზის შენარჩუნების პროპორციების წინ არის გამშვები ნიშანი)

დააჭირეთ ღილაკს "OK" - ახლა თქვენს ფოტოს აქვს სასურველი ზომა!
სხვათა შორის, თუ პირველ გაკვეთილზე თქვენ მოაჭრით ფოტო სასურველ ზომაზე, მაშინ შეგიძლიათ გამოტოვოთ ეს პუნქტი.

შენიშვნა: თუ ორიგინალური სურათის ზომა 1024x768-ზე ნაკლებია, მაშინ არ უნდა გაზარდოთ იგი. ის, რა თქმა უნდა, გაიჭიმება საჭირო ზომამდე, მაგრამ სურათის ხარისხი გაუარესდება. ამიტომ, თუ ფოტო მთელ ეკრანს არ ფარავს, ნება მიეცით თვალი გაახაროს სილამაზით და არა ზომით. ყოველივე ამის შემდეგ, ლენინმაც თქვა ამის შესახებ: "ნაკლები უკეთესია!"

ჩვენ გადავწყვიტეთ ზომები, მოდით გადავიდეთ პირდაპირ დაზოგვაზე.

ფოტოს შენახვა ინტერნეტისთვის

ფაილი მენიუში აირჩიეთ შენახვა ვებისთვის.

იხსნება დიალოგური ფანჯარა შენახვა ვებზე


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

შეიძლება გკითხოთ: რა პარამეტრების დაყენება?

პირველ რიგში, მე-2 ველში აირჩიეთ GIF ან JPEG ფორმატი.

GIF ფორმატი მხარს უჭერს არაუმეტეს 256 ფერს და შესაფერისია მხოლოდ სურათებისა და ნახატების შესანახად (სურათები 6-8 ამ გვერდზე ინახება GIF ფორმატში 64 ფერის მხარდაჭერით, ამიტომ ისინი იწონიან 7-11 კბ - პატარა რამ, მაგრამ კარგია!)

რა თქმა უნდა, ამ ფორმატში ლამაზ ფოტოს ვერ შეინახავთ, ამიტომ ვირჩევთ JPEG ფორმატს.

მე-3 ფანჯარაში აირჩიეთ ფოტოს ხარისხი: დაბალი, საშუალო, მაღალი, მაქსიმალური. თქვენ ამბობთ: რა თქმა უნდა მაქსიმუმი?

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

წარმოდგენილი ფოტო შენახულია საშუალო ხარისხით და იწონის 36 კბ. მაღალი ხარისხით ის იწონიდა დაახლოებით 100 კბ, ხოლო მაქსიმუმ 200! ზოგადად, მე ვერ ვხედავ დიდ განსხვავებას საშუალო და მაღალ ხარისხს შორის, მაგრამ მე ვხედავ დიდ განსხვავებას შედეგად მიღებული ფაილის ზომაში.

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

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

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

ესე იგი, ფოტო მზადაა!

ყურადღება! სანამ სრულად არ დაასრულებთ ფოტოზე მუშაობას, შეინახეთ ის Photoshop PSD ფორმატში "მშობლიური". რადგან განმეორებითი ხელახალი შეკუმშვა GIF და JPEG ფორმატებში იწვევს ხარისხის მუდმივ დაკარგვას.