ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ในโลกดิจิทัล มีเครื่องมือมากมายที่ทำให้ชีวิตเราง่ายขึ้น ในช่วง 10 ปีที่ผ่านมา ตั้งแต่เริ่มใช้กล้องดิจิทัล มีคำถามเกิดขึ้นในการประมวลผลภาพโดยใช้คอมพิวเตอร์ และพื้นฐานหลักคือการเก็บรักษาภาพและการประมวลผล การปรับแต่งภาพทั้งหมดนี้ดำเนินการในโปรแกรม Photoshop ยอดนิยม สำหรับหลายๆ คน มันอาจจะดูซับซ้อนและเข้าใจยาก แต่เราได้ทำให้กระบวนการนี้ง่ายและชัดเจนที่สุด

จะบันทึกรูปภาพใน Photoshop ได้อย่างไร?

ในคู่มือนี้ เราจะพิจารณาสามตัวเลือกสำหรับการบันทึกรูปภาพโดยใช้ Photoshop:

1. ปกติบันทึกเป็น png, jpg, ฯลฯ.
2. การบันทึกในรูปแบบ PSD (รูปแบบการบันทึกโครงการซึ่งเราสามารถทำงานต่อไปได้ในอนาคต)
3. การบันทึกสำหรับอุปกรณ์เว็บ (วิธีที่ช่วยให้คุณลดขนาดของภาพ)

ก่อนตัวเลือกสำหรับการบันทึกรูปภาพ ฉันจะบอกข้อมูลสำคัญเล็กๆ น้อยๆ ที่จะเป็นประโยชน์กับคุณในอนาคต:

ความแตกต่างระหว่าง png และ jpg คือ png อนุญาตให้คุณบันทึกรูปภาพด้วยพื้นหลังโปร่งใส รูปแบบ Jpg ทำให้พื้นหลังโปร่งใสเป็นสีขาว ตัวอย่าง. หากคุณต้องการบันทึกภาพโดยไม่มีพื้นหลัง รูปแบบ Jpg จะไม่ทำงาน

PSD เป็นรูปแบบที่เราสามารถทำงานกับเลเยอร์ ข้อความ ฯลฯ หากคุณกำลังทำงานกับโครงการ (PSD) คุณสามารถบันทึกภาพในรูปแบบใดก็ได้

การบันทึกภาพสำหรับอุปกรณ์เว็บควรพิจารณาอย่างรอบคอบ คุณภาพที่ลดลงจะสะท้อนให้เห็นในภาพ เว้นแต่จำเป็น ฉันไม่แนะนำให้คุณใช้ตัวเลือกการบันทึกนี้

เริ่มต้นด้วยการบันทึกภาพ

1 . เปิดโปรแกรม Photoshop
2. คลิกไฟล์ (ไฟล์) -> เปิด (เปิด) เราเลือกภาพที่เราต้องการบนคอมพิวเตอร์และคลิกเปิด (เปิด)

ตัวเลือกที่ 1 การบันทึกปกติเป็น jpg, png เป็นต้น

1. คลิกไฟล์ (ไฟล์) -> บันทึกเป็น .. (บันทึกเป็น) เราเลือกสถานที่ที่เราต้องการบันทึกภาพ เขียนชื่อ เลือกรูปแบบจากรายการแบบเลื่อนลง (JPEG - สะดวกที่สุดหรือแบบอื่นที่คุณต้องการ) คลิกบันทึก

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

2. เราเลือกคุณภาพด้วยตัวเลื่อน ยิ่งคุณภาพสูง ขนาดยิ่งใหญ่ และคลิก "ตกลง"

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ตัวเลือก 2 บันทึกโครงการในรูปแบบ PSD

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ตอนนี้ เราสามารถทำงานกับโครงการต่อไปได้ทุกเมื่อที่เราสะดวก

ตัวเลือก 3: บันทึกสำหรับอุปกรณ์เว็บ

1. คลิกไฟล์ (ไฟล์) -> บันทึกสำหรับเว็บและอุปกรณ์ (บันทึกสำหรับอุปกรณ์เว็บ) จากรายการดรอปดาวน์ เลือกรูปแบบ JPEG, GIF หรือ PNG เลือกคุณภาพ (ระดับคุณภาพ) โดยใช้ตัวเลื่อน

09.11.2018 09.11.2018

เมื่องานใน Photoshop พร้อมแล้วก็ต้องบันทึก

คุณต้องเลือกรูปแบบ ทั้งนี้ขึ้นอยู่กับงานที่คุณบันทึกไฟล์ ในบทความนี้เราจะมาดูวิธีการบันทึกและเลือกรูปแบบไฟล์

ไฟล์ควรบันทึกในรูปแบบใด?

PSD. นี่คือรูปแบบไฟล์ Photoshop มาตรฐาน ในนั้น คุณจะบันทึกไฟล์ของคุณเพื่อให้คุณทำงานต่อได้ทุกเมื่อ ในรูปแบบ PSD คุณจะไม่สามารถแสดงรูปภาพหรือกราฟิกที่คุณวาดให้กับเพื่อน (พ่อแม่ แฟน ฯลฯ) รูปแบบนี้สามารถเปิดได้ด้วย Photoshop เท่านั้น

JPG. รูปแบบนี้เหมาะสำหรับภาพถ่ายและกราฟิกอื่นๆ ก่อนบันทึกใน Photoshop คุณสามารถปรับไฟล์ JPG ที่บันทึกไว้ให้เหมาะสม ซึ่งหมายความว่าคุณสามารถปรับคุณภาพของภาพเพื่อให้ขนาดไฟล์เหมาะสมกับคุณ รูปแบบจะเปิดขึ้นบนคอมพิวเตอร์และโทรศัพท์ทุกเครื่อง ทางออกที่ดีในการแสดงรูปถ่ายให้ญาติ ๆ ส่งกราฟิกไปทำงาน บันทึกพื้นหลังสำหรับเว็บไซต์ ฯลฯ

PNG. ส่วนใหญ่ใช้โดยนักออกแบบสำหรับกราฟิกบนเว็บไซต์ โฆษณาออนไลน์ (แบนเนอร์) กราฟิกสำหรับแอปพลิเคชันมือถือ ฯลฯ รูปแบบมีความโดดเด่นในการรองรับความโปร่งใสในภาพ หากคุณต้องการบันทึกวัตถุบนพื้นหลังโปร่งใส ให้บันทึกเป็น PNG

กิ๊ฟ. รูปแบบนี้ใช้หากคุณต้องการบันทึกภาพเคลื่อนไหว ตัวอย่างเช่น แบนเนอร์เคลื่อนไหว อีโมติคอน วิดีโอสั้นหรือสติกเกอร์ จำ GIF ที่รู้จักทั้งหมดที่กำลังเดินอยู่บนอินเทอร์เน็ต - นี่เป็นเพียงรูปแบบนั้น

วิธีบันทึกลงใน PSD

ตั้งชื่อไฟล์และเลือกรูปแบบ PSD (ปกติจะถูกเลือกตามค่าเริ่มต้น)

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

อย่าลืมทำเครื่องหมายที่ช่อง เลเยอร์. มิฉะนั้น ทุกอย่างจะไม่ถูกบันทึกและจะไม่มีประโยชน์ใด ๆ จากการบันทึกไฟล์ดังกล่าว

วิธีบันทึกเป็น JPG

  1. ดำเนินการคำสั่ง ไฟล์ - บันทึก.
  2. เลือกรูปแบบ JPG.

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

หลังจากนั้นจะมีหน้าต่างปรากฏขึ้นซึ่งคุณสามารถกำหนดค่าพารามิเตอร์ของไฟล์ที่บันทึกไว้ได้

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ที่นี่คุณสามารถปรับคุณภาพของภาพถ่ายโดยการตั้งค่า คุณภาพตั้งแต่ 1 ถึง 12

ทำเครื่องหมายที่ช่องทำเครื่องหมายของตัวเลือกการแสดงตัวอย่าง แล้วคุณจะเห็นว่าคุณภาพของภาพถ่ายเปลี่ยนไปอย่างไรเมื่อคุณเปลี่ยนตัวเลือก คุณภาพ.

นอกจากนี้ คุณสามารถดูได้ทันทีว่าไฟล์จะมีน้ำหนักเท่าใดเมื่อคุณบันทึก ยิ่งไฟล์มีขนาดเล็กเท่าไร คุณก็ยิ่งส่งไฟล์ทางอินเทอร์เน็ตได้เร็วเท่านั้น ผู้ใช้รายอื่นจะโหลดไฟล์ได้เร็วขึ้น จำไว้ว่าไม่มีใครชอบรอเวลานานในการอัพโหลดรูปภาพบนอินเทอร์เน็ต โดยเฉพาะผ่านโทรศัพท์มือถือ

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

รูปแบบของรูปแบบที่เหลือดีที่สุด ความก้าวหน้า. ตอนนี้เราจะไม่ลงรายละเอียดทางเทคนิค แต่ตัวเลือกนี้ดีที่สุด

คุณต้องปรับคุณภาพเมื่อบันทึกเพื่อให้ภาพไม่ได้รับผลกระทบมากนักในขณะที่ขนาดไฟล์ลดลงอย่างมาก

วิธีบันทึกเป็น PNG

ไม่จำเป็นต้องบันทึกรูปภาพเป็น PNG ใช้รูปแบบนี้หากคุณต้องการบันทึกรูปภาพคุณภาพสูงที่มีพื้นหลังโปร่งใส

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

หน้าต่างที่มีการตั้งค่าสำหรับภาพที่บันทึกไว้จะปรากฏขึ้น

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

เลือกรูปแบบ PNG-24 - นี่จะเป็นภาพคุณภาพสูงที่มีน้ำหนักไฟล์ที่เล็กที่สุดและมีสีทั้งหมด

ทำเครื่องหมายที่ช่อง ความโปร่งใสเพื่อให้ภาพมีพื้นหลังโปร่งใส

พารามิเตอร์ - อินเทอร์เลซและ โปรไฟล์แบบฝังต้องลบออกเพราะว่า นี่เป็นภาระเพิ่มเติมและไม่จำเป็นในไฟล์

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว
ภาพที่มีพื้นหลังโปร่งใสที่บันทึกไว้ใน photoshop

วิธีบันทึกเป็น GIF

เลือกรูปแบบ GIF

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

รูปแบบ GIF จะบีบอัดรูปภาพเป็นสีอย่างจริงจังและตามน้ำหนักไฟล์ มีสูงสุด 256 สีให้เลือกที่นี่

อย่าลืมทำเครื่องหมายที่ช่องถัดจาก ความโปร่งใสให้มีพื้นหลังโปร่งใสหากจำเป็น

ปรับตัวได้โมเดลสีจะดีที่สุดเมื่อคุณต้องการบันทึกด้วยคุณภาพสูงสุด

ditheringฉันตั้งค่าเป็น 100% ซึ่งในกรณีนี้การไล่ระดับสีจะราบรื่นขึ้น

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

หากคุณมีแอนิเมชั่นใน GIF คุณสามารถปรับจำนวนการทำซ้ำได้ มักจะใส่ หลายครั้งเพื่อทำให้แอนิเมชั่นสามารถทำซ้ำได้ไม่สิ้นสุด

ตอนนี้คุณรู้วิธีบันทึกใน Photoshop โดยใช้รูปแบบยอดนิยมแล้ว คุณมีคำถามใด ๆ หรือไม่? ผมขอเชิญคุณแสดงความคิดเห็น

ทำงานกับโปรแกรมแก้ไขกราฟิก Adobe Photoshopเป็นเวลา 5 ปีแล้วที่ฉันรู้สึกประหลาดใจที่รู้ว่าไม่ใช่ทุกคนที่รู้ถึงความสำคัญและความจำเป็นของการบันทึกภาพอย่างถูกต้อง หาในเน็ตไม่เจอจริงๆ ข้อมูลที่ทันสมัยและถูกต้องในหัวข้อนี้ ด้วยเหตุนี้ฉันจึงคิดออกและอยากจะบอกคุณ วิธีการบันทึกภาพอย่างถูกต้อง

ใครบ้างที่ต้องรู้และทำไม?

ทุกคน - ผู้ที่ทำงานกับโปรแกรมแก้ไขกราฟิก ไม่จำเป็นต้องเป็น Adobe Photoshop นักวาดภาพประกอบ, ศิลปิน, นักออกแบบกราฟิก, นักออกแบบเว็บไซต์, นักออกแบบอินเทอร์เฟซ, ช่างภาพ, นักเรียน, เด็กนักเรียน - โดยการเรียนรู้วิธีบันทึกภาพอย่างถูกต้อง ลดขนาดไฟล์ ไม่เพียงช่วยประหยัดเวลาของคุณเอง แต่ยังรวมถึงเวลาของผู้อื่นด้วย

เรากำลังพูดถึงเวลาไหน?

ก่อนอื่น ขอชี้แจงสิ่งหนึ่ง:

การใช้อินเทอร์เน็ตทำให้คุณเสียเวลา - เสียเวลามาก

การโหลดหน้าเว็บบนอินเทอร์เน็ตไม่ได้เกิดขึ้นทันทีและต้องใช้เวลา แต่ในช่วงหลายปีที่อยู่บนอินเทอร์เน็ต คุณมักจะไม่สังเกตเห็นสิ่งนี้ เอาเป็นว่า ความเร็วในการโหลดหน้าเฉลี่ย 3 วินาทีโดยที่ 2 รายการสำหรับอัปโหลดรูปภาพ ภาพประกอบ องค์ประกอบอินเทอร์เฟซ รูปถ่าย โฆษณาแบนเนอร์ การนำเสนอ PDF หรือแม้แต่รูปแมวน่ารัก ขึ้นอยู่กับขนาดไฟล์ เบราว์เซอร์จะต้องใช้เวลาในการแสดงภาพบนหน้าจอ

อย่าหลงกลโดย "เมกะไบต์ต่อวินาที"

โอกาสที่ ISP ของคุณสัญญากับคุณ 100 Mbps- นี่เป็นวิธีการโฆษณาที่ยอดเยี่ยม (อ่านว่า: การหลอกลวง) ที่ก่อให้เกิดความเข้าใจผิดมากมาย รวมถึงในหัวข้อความเร็วในการโหลดไซต์ ฉันวัดความเร็วในการเชื่อมต่อกับเซิร์ฟเวอร์ที่ตั้งอยู่ในมอสโก ผลลัพธ์คือ:

แต่ความเร็วในการโหลดหน้าจากเว็บไซต์ต่ำกว่ามาก:

คุณดูภาพวันละกี่ภาพ?

หลายสิบ? ร้อย? ในฐานะผู้ใช้อินเทอร์เน็ต ฉันดูภาพหลายร้อยภาพต่อวัน ซึ่งส่วนใหญ่มีความละเอียดสูง หากคุณลดน้ำหนักของรูปภาพเหล่านี้และเพิ่มความเร็วในการดาวน์โหลดตามลำดับ อย่างน้อยโดย 1 วินาที,คูณด้วย 500 ภาพต่อวันเราได้รับประมาณ 8 นาทีต่อวันและ เดือนละ 4 ชม.


4 ชั่วโมงต่อเดือนฉันรอโหลดรูปภาพ

ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการบันทึกภาพ

ด้วยข้อยกเว้นที่หายาก ไม่จำเป็นต้องบันทึกผลลัพธ์สุดท้ายในลักษณะเดียวกับ PSD,ในกรณีนี้เพิ่มเติมและ ข้อมูลเพิ่มเติมตั้งแต่วันที่สร้างและชื่อโปรแกรมแก้ไขกราฟิกจนถึงสภาพอากาศและรุ่นกล้อง

นิสัยไม่ดีที่จะกำหนดคุณภาพให้มีค่า 100 แต่เมื่อเทียบกับ 80 แตกต่าง คุณภาพที่มองเห็นได้เกือบเป็นศูนย์ แต่น้ำหนักต่างกัน ชัดเจน.

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ในการวางรูปภาพบนเว็บไซต์, ส่งทางไปรษณีย์, บันทึกไว้ในคลาวด์, ส่งใน Messenger, ฯลฯ - คุณต้องใช้ บันทึกสำหรับเว็บ

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

JPEG หรือ PNG?

JPEG - สำหรับรูปภาพที่มีสีจำนวนมากและรูปร่างที่ซับซ้อน เช่น ภาพประกอบ ภาพวาด ภาพถ่าย

PNG - สำหรับภาพเวกเตอร์หรือรูปภาพที่มีข้อความ รูปทรงเรขาคณิตที่เรียบง่ายพร้อมความโปร่งใสและสีจำนวนเล็กน้อย: โลโก้ ภาพหน้าจอ สติ๊กเกอร์ ไอคอน

คุณภาพ (Quality) แบบไหนให้เลือก?

สำหรับรูปภาพส่วนใหญ่ ค่าที่เหมาะสมจะเป็น 80 สำหรับภาพธรรมดาบางภาพซึ่งการเปลี่ยนสีที่ชัดเจนนั้นไม่สำคัญ คุณสามารถตั้งค่า 60 .

การเพิ่มประสิทธิภาพ

แนะนำให้ใช้ฟังก์ชันนี้รวมถึงอัลกอริธึมการแปลงสีเพิ่มเติม รวมเสมอยกเว้นเมื่อรายละเอียดที่เล็กที่สุดมีความสำคัญ (เช่น Pixel Art)

แปลงเป็น sRGB (แปลงเป็น sRGB)

การแปลงสีของภาพเป็นตาราง sRGB ที่เหมาะสม

sRGB เป็นมาตรฐานสำหรับอินเทอร์เน็ต

ความละเอียด (ขนาดภาพ)

ความละเอียดหน้าจอที่พบบ่อยที่สุดคือ: 1366×768- สำหรับคอมพิวเตอร์และ 720×1280- สำหรับสมาร์ทโฟน จำสิ่งนี้ไว้และอย่าบันทึกภาพไว้นานกว่า 1920 ในความกว้าง

ข้อมูลเมตา

ข้อมูลเพิ่มเติมที่ฉันได้กล่าวไปแล้ว ไม่จำเป็นต้องระบุข้อมูลเพิ่มเติมเกี่ยวกับรูปภาพซึ่งจะเป็นการเพิ่มขนาดของไฟล์เท่านั้น

ครั้งสุดท้ายที่คุณดูรายละเอียดของภาพที่ดาวน์โหลดคือเมื่อใด

ด้วยวิธีนี้ ฉันสามารถลดน้ำหนักของรูปภาพได้ครึ่งหนึ่ง

แน่นอนว่า มีข้อยกเว้นบางประการที่คุณอาจต้องการข้อมูลโดยละเอียดหรือรายละเอียดที่เพิ่มขึ้น แต่ในกรณีส่วนใหญ่ กฎเหล่านี้จะมีความเกี่ยวข้องและช่วยประหยัดเวลาได้หลายร้อยชั่วโมง

ขอบคุณวลาดิสลาฟ

หลังจากเสร็จสิ้นการดำเนินการทั้งหมดบนรูปภาพ (ภาพถ่าย) คุณต้องบันทึกลงในฮาร์ดไดรฟ์ของคุณ เลือกตำแหน่ง จัดรูปแบบ และตั้งชื่อ

วันนี้เราจะมาพูดถึงวิธีการบันทึกงานที่ทำเสร็จแล้วใน Photoshop

สิ่งแรกที่คุณต้องตัดสินใจก่อนเริ่มขั้นตอนการบันทึกคือรูปแบบ

มีเพียงสามรูปแบบทั่วไป นี้ JPEG, PNGและ กิ๊ฟ.

มาเริ่มกันที่ JPEG. รูปแบบนี้เป็นสากลและเหมาะสำหรับการบันทึกภาพถ่ายและภาพที่ไม่มีพื้นหลังโปร่งใส

ลักษณะของรูปแบบคือในระหว่างการเปิดและแก้ไขในภายหลังเรียกว่า "สิ่งประดิษฐ์ JPEG"สาเหตุคือการสูญเสียพิกเซลของเฉดสีกลางจำนวนหนึ่ง

จากนี้ไป รูปแบบนี้เหมาะสำหรับภาพที่จะใช้ "ตามที่เป็น" กล่าวคือจะไม่ถูกแก้ไขโดยคุณอีกต่อไป

ต่างจากรูปแบบเดิม PNGเมื่อแก้ไขใหม่ (ใช้ในงานอื่น) ก็ไม่เสียคุณภาพ (เกือบ)

ตัวแทนสุดท้ายของรูปแบบสำหรับวันนี้ - กิ๊ฟ. ในแง่ของคุณภาพ นี่เป็นรูปแบบที่แย่ที่สุด เนื่องจากมีสีจำนวนจำกัด

มาฝึกกันบ้าง

หากต้องการเรียกใช้ฟังก์ชันบันทึก ให้ไปที่เมนู "ไฟล์"และพบกับรายการ "บันทึกเป็น"หรือใช้แป้นลัด CTRL+SHIFT+S.

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

นี่เป็นขั้นตอนสากลสำหรับทุกรูปแบบยกเว้น กิ๊ฟ.

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

พื้นผิว

อย่างที่เราทราบกันดีอยู่แล้วว่ารูปแบบ JPEGไม่รองรับความโปร่งใส ดังนั้นเมื่อบันทึกวัตถุบนพื้นหลังโปร่งใส Photoshop เสนอให้แทนที่ความโปร่งใสด้วยสีบางสี ค่าเริ่มต้นคือสีขาว

ตัวเลือกรูปภาพ

นี่คือการตั้งค่าคุณภาพของภาพ

รูปแบบรูปแบบ

พื้นฐาน (มาตรฐาน)แสดงภาพบนหน้าจอทีละบรรทัด นั่นคือ ตามปกติ

ปรับให้เหมาะสมขั้นพื้นฐานใช้อัลกอริทึม Huffman สำหรับการบีบอัด ฉันจะไม่อธิบายว่ามันคืออะไร ค้นหาตัวเองในเน็ต สิ่งนี้ใช้ไม่ได้กับบทเรียน ฉันสามารถพูดได้ว่าในกรณีของเราสิ่งนี้จะลดขนาดไฟล์เล็กน้อยซึ่งไม่เกี่ยวข้องในวันนี้

ความก้าวหน้าช่วยให้คุณปรับปรุงคุณภาพของภาพทีละขั้นตอนเมื่อโหลดบนหน้าเว็บ

ในทางปฏิบัติมักใช้พันธุ์ที่หนึ่งและสาม หากยังไม่ชัดเจนว่าห้องครัวนี้มีไว้เพื่ออะไร ให้เลือก พื้นฐาน ("มาตรฐาน").

กำลังบันทึกเป็น PNG

เมื่อบันทึกเป็นรูปแบบนี้ หน้าต่างพร้อมการตั้งค่าจะปรากฏขึ้นด้วย

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

การบีบอัด

การตั้งค่านี้ช่วยให้คุณบีบอัดไฟล์สุดท้ายได้อย่างมาก PNGไฟล์โดยไม่สูญเสียคุณภาพ ภาพหน้าจอแสดงการบีบอัด

ในภาพด้านล่าง คุณสามารถดูระดับการบีบอัดได้ หน้าจอแรกเป็นแบบบีบอัดภาพ ส่วนที่สองเป็นแบบที่ไม่มีการบีบอัด

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

อย่างที่คุณเห็น ความแตกต่างมีนัยสำคัญ ดังนั้นจึงควรทำเครื่องหมายที่ช่องถัดจาก "เล็กที่สุด/ช้าที่สุด".

อินเทอร์เลซ

การตั้งค่า "ลบการเลือก"ให้คุณแสดงไฟล์บนหน้าเว็บได้ก็ต่อเมื่อดาวน์โหลดเสร็จแล้วเท่านั้น และ "อินเทอร์เลซ"ให้ภาพที่มีการปรับปรุงคุณภาพอย่างค่อยเป็นค่อยไป

ฉันใช้การตั้งค่าเหมือนในภาพหน้าจอแรก

บันทึกไปที่ GIF

เพื่อบันทึกไฟล์ (แอนิเมชั่น) ในรูปแบบ กิ๊ฟที่จำเป็นในเมนู "ไฟล์"เลือกรายการ "บันทึกสำหรับเว็บ".

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ในหน้าต่างการตั้งค่าที่เปิดขึ้น คุณไม่จำเป็นต้องเปลี่ยนแปลงอะไรเลย เนื่องจากจะเหมาะสมที่สุด จุดเดียว - เมื่อบันทึกภาพเคลื่อนไหว คุณต้องกำหนดจำนวนการเล่นซ้ำ

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ฉันหวังว่าหลังจากเรียนบทเรียนนี้ คุณมีแนวคิดที่สมบูรณ์ที่สุดในการบันทึกภาพใน Photoshop

สวัสดีผู้อ่านที่รักของบล็อก Start-Luck! ติดต่อ Andrey Zenkov และคำแนะนำเชิงปฏิบัติของฉันเกี่ยวกับการออกแบบเว็บ วันนี้เราจะพูดถึงคีย์เดียวกันโดยที่เว็บไซต์ของคุณจะไม่เปิดประตูสู่โลกของบุ๊กมาร์กของเบราว์เซอร์ (และเป็นสิ่งสำคัญมากสำหรับผู้ใช้ในการทำเครื่องหมายหน้าโปรดด้วยเครื่องหมายดอกจัน)

มันจะเป็นอย่างที่คุณอาจเดาเกี่ยวกับรูปภาพ การเก็บภาพที่สว่างสดใสมีชัยไปกว่าครึ่ง หลังจากการประมวลผล, การปรับสี, การซ้อนทับข้อความและการปรับแต่งอื่น ๆ ปัญหาใหม่กำลังก่อตัวขึ้นบนขอบฟ้า: จะบันทึกภาพใน Photoshop ได้อย่างไร?

สมมติว่าคุณได้สร้างเว็บไซต์เกี่ยวกับสัตว์เลี้ยงและต้องการเพิ่มแกลเลอรีรูปภาพที่กว้างขวาง Bach - และคุณไม่สามารถจินตนาการถึงการออกแบบได้หากไม่มีไอคอนเมนูที่มีเสน่ห์ในรูปแบบของลายอุ้งเท้า แล้วส่วนที่มีแอนิเมชั่นตลก ๆ ที่จะเป็นกำลังใจให้แขกของเว็บไซต์ล่ะ?

ด้วยความกระตือรือร้น คุณปรับรูปภาพทั้งหมดให้พอดี บันทึก และ ... เห็นว่าความพยายามนั้นไร้ประโยชน์ พิกเซลฆ่า "อุ้งเท้า" ที่สร้างขึ้นอย่างระมัดระวังอย่างสมบูรณ์ และคุณไม่สามารถดูภาพที่เคลื่อนไหวได้โดยไม่มีน้ำตา Photoshop จะย้ายไปยังรายการโปรแกรมถอนการติดตั้งโดยอัตโนมัติ และคุณให้คำมั่นสัญญากับตัวเองว่าจะหาช่างฝีมือตัวจริง เพื่ออะไร? คุณสามารถทำทุกอย่างด้วยตัวเองโดยได้เรียนรู้เคล็ดลับสำคัญที่ฉันใช้อยู่เสมอ

อัลกอริทึมสำหรับการบันทึกรูปภาพในคุณภาพที่เหมาะสมที่สุดนั้นขึ้นอยู่กับรูปแบบ ฉันไม่ต้องการลงรายละเอียดโดยพูดถึงว่าตัวไหนเป็นแรสเตอร์และตัวไหนเป็นเวกเตอร์ นอกจากนี้ คุณสามารถเปลี่ยนได้ด้วยการคลิกเพียงไม่กี่ครั้ง ฉันได้เขียนเกี่ยวกับสิ่งนี้ในบทความของฉันแล้ว โดยแบ่งปันกับผู้อ่านถึงวิธีการเปลี่ยนรูปแบบรูปภาพ

จากการวิเคราะห์ไซต์ต่างๆ ที่มีอินเทอร์เน็ตมากมาย ฉันสังเกตเห็นรายละเอียดที่น่าสนใจอย่างหนึ่ง: องค์ประกอบกราฟิกทั้งหมดแสดงด้วยรูปแบบสากลเพียงไม่กี่รูปแบบ ในขณะที่รูปแบบอื่นๆ นั้นถูกลืมไปโดยสิ้นเชิง พวกเขาคืออะไร?

กลุ่มรูปภาพหลักในการออกแบบเว็บ

เนื้อหากราฟิกของเว็บไซต์แบ่งออกเป็นสามประเภทตามเงื่อนไข

คอลลาจและภาพถ่าย

พวกมันมีลักษณะเฉพาะด้วยรูปแบบ JPG ซึ่งเป็นรูปแบบที่พบได้บ่อยที่สุดบนเว็บ ภาพเหล่านี้มีขนาดเล็ก ซึ่งช่วยให้คุณสามารถใช้ภาพเหล่านี้ในการออกแบบเว็บไซต์โดยไม่ต้องกลัวว่าหน้าจะโหลดช้า ตัวอย่างเช่น ภูมิทัศน์เดียวกันที่บันทึกใน JPG และ PNG จะมีน้ำหนักแตกต่างกันอย่างมาก:

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ไอคอน ปุ่ม และแบนเนอร์

PNG เป็นที่ต้องการสำหรับองค์ประกอบการออกแบบเหล่านี้ ช่วยให้คุณสามารถตัดวัตถุและบันทึกภาพโดยไม่มีพื้นหลัง โดยใช้ "พื้นหลัง" ของไซต์แทน ฉันยังจะแนะนำรูปแบบนี้สำหรับรูปภาพที่ไม่มีจานสีขนาดใหญ่ ตัวอย่างเช่น สร้างเอกสารใน Photoshop และ - ชื่อของไซต์:

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

เราบันทึกภาพในสองรูปแบบและเปรียบเทียบผลลัพธ์:

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

แอนิเมชั่น

GIF ออกแบบมาเพื่อสร้างภาพเคลื่อนไหวที่ประกอบด้วยเลเยอร์ตั้งแต่ 2 ชั้นขึ้นไป ซึ่งสามารถทำได้ไม่เฉพาะกับ Photoshop เท่านั้น แต่ยังทำได้ ฉันจะเรียกรูปแบบนี้ว่าตามอำเภอใจที่สุดเนื่องจากเป็นการยากที่จะได้คุณภาพที่ดีเมื่อบันทึก โชคดีที่ฉันมีแฮ็คที่จะให้แอนิเมชั่นพิกเซลน้อยที่สุดแก่คุณ ทึ่ง? อ่านต่อ!

คำแนะนำทีละขั้นตอนสำหรับการบันทึกภาพ

มาเริ่มกันที่ JPG: ง่ายมากที่จะได้ภาพถ่ายโดยไม่สูญเสียคุณภาพ ในการดำเนินการนี้ ให้คลิก "ไฟล์" - "บันทึกเป็น" หากต้องการ คุณสามารถใช้คีย์ผสม Shift + Ctrl + S:

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ในหน้าต่างที่ปรากฏขึ้น ให้มองหารายการแบบเลื่อนลง "ประเภทไฟล์" และเลือกบรรทัด JPEG โดยปกติแล้วจะเป็นค่าเริ่มต้น:

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ในรายการดรอปดาวน์เดียวกัน คุณยังสามารถเลือกบรรทัด PNG ซึ่งจะทำให้งานของคุณง่ายขึ้น อย่างไรก็ตาม ฉันแนะนำให้บันทึกรูปภาพที่มีพื้นหลังโปร่งใสต่างกัน

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

ตรวจสอบหน้าต่างที่เปิดขึ้น งานของคุณคือตรวจสอบให้แน่ใจว่าได้เลือกรายการ PNG-24 ในรายการดรอปดาวน์ และมีการทำเครื่องหมายถัดจากบรรทัด "ความโปร่งใส" และ "อินเทอร์เลซ":

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

โปรดทราบ: เครื่องหมายถูกสุดท้ายช่วยลดเวลาที่ใช้ในการโหลดรูปภาพบนไซต์ แต่ในขณะเดียวกันก็เพิ่มน้ำหนัก หากสิ่งนี้ไม่รบกวนคุณ ให้คลิกบันทึก ในหน้าต่างแบบเลื่อนลง ให้เลือกเส้นทางของไฟล์แล้วกดปุ่มสมบัติอีกครั้งเพื่อรับภาพ PNG และวางไว้บนไซต์โดยเร็วที่สุด!

ภาพเคลื่อนไหวจะถูกบันทึกผ่านรายการเมนูเดียวกัน แต่ตอนนี้ คุณต้องเลือกตัวเลือก GIF ในรายการดรอปดาวน์ พารามิเตอร์จำนวนมากและคำพูดที่ไม่สามารถเข้าใจได้อาจทำให้เกิดความสับสนหรือกลัวได้ ไม่คุ้ม! เพียงตั้งค่าตัวเลือกที่ฉันใช้:

ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

สรุป

การทำงานกับกราฟิกจำเป็นต้องมีการพัฒนาทักษะอย่างต่อเนื่อง โดยไม่เน้นที่หนึ่งหรือสองทิศทาง จะเป็นอย่างไร? มีอยู่ครั้งหนึ่ง สิ่งที่ฉันค้นพบคือ ชุดมินิคอร์ส 5 คอร์สจากโครงการ Photoshop Master จากพวกเขา ฉันได้เรียนรู้ข้อมูลที่เป็นประโยชน์มากกว่าหนึ่งไบต์


ขั้น ตอน การ บันทึก รูปภาพ ให้ พื้น รูปภาพ เป็น แบบ ภาพเคลื่อนไหว

เอกสารนำเสนอในรูปแบบที่เข้าถึงได้และไม่เสียค่าใช้จ่าย นี่เป็นทางเลือกที่ดีสำหรับการเรียนที่สถาบันคอมพิวเตอร์และใช้เวลาหลายชั่วโมงในการค้นหาบทเรียนที่เหมาะสมบนอินเทอร์เน็ต

นั่นคือทั้งหมดที่ อย่าลืมกดติดตาม กลุ่ม VKontakteและการอัปเดตบล็อกสำหรับบทความที่สดใหม่และมีประโยชน์ทุกสัปดาห์

Andrei Zenkov อยู่กับคุณ พบกันเร็ว ๆ นี้!