<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Photoshop Tutorial &#187; จำกัดขนาด</title>
	<atom:link href="http://photoshop.romebe.com/tag/%e0%b8%88%e0%b8%b3%e0%b8%81%e0%b8%b1%e0%b8%94%e0%b8%82%e0%b8%99%e0%b8%b2%e0%b8%94/feed/" rel="self" type="application/rss+xml" />
	<link>http://photoshop.romebe.com</link>
	<description>Graphic &#38; Multimedia Source by Romebe Inc</description>
	<lastBuildDate>Tue, 02 Aug 2011 03:49:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>จำกัดขนาดไฟล์ (file size) ตามที่กำหนด</title>
		<link>http://photoshop.romebe.com/2010/01/22/limit-file-size/</link>
		<comments>http://photoshop.romebe.com/2010/01/22/limit-file-size/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 00:53:23 +0000</pubDate>
		<dc:creator>Nunu</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Bitmap]]></category>
		<category><![CDATA[Desired File Size]]></category>
		<category><![CDATA[file size]]></category>
		<category><![CDATA[Optimize to File size]]></category>
		<category><![CDATA[กล้องดิจิตัล]]></category>
		<category><![CDATA[จำกัดขนาด]]></category>
		<category><![CDATA[ย่อขนาด]]></category>
		<category><![CDATA[ใหญ่เกิน]]></category>

		<guid isPermaLink="false">http://photoshop.romebe.com/?p=335</guid>
		<description><![CDATA[เกร็ดเล็กๆในวันนี้ เราจะมาดูการจำกัดขนาดไฟล์หรือ File size ให้มีขนาดน้อยกว่าหรือเท่ากับขนาดที่กำหนด เทคนิคนี้ใช้ได้เสมอในกรณีต่างๆ เช่น โพ้สภาพลงเว็บบอร์ดที่จำกัดขนาดภาพ ตามที่เกริ่นไว้นะครับ มีหลายเว็บที่อนุญาติให้ผู้ใช้สามารถโพ้สภาพของตัวเองลงในเว็บบอร์ด แต่บางครั้งมีข้อจำกัดตรงที่ห้ามโพ้สไฟล์ที่มีขนาดไฟล์เกิน 100KB, 200KB &#8230;. เป็นต้น แล้วเราจะทำอย่างไรดีล่ะ ถ้าไฟล์ต้นฉบับของเรามีขนาดใหญ่โตเหลือเกิน โดยหลักการนั้นการย่อขนาดไฟล์ภาพแบบ Bitmap ทำได้ 2 วิธี คือ ลดขนาด Dimension หรือขนาดความกว้าง ความยาว : ข้อดีคือได้ไฟล์ภาพเล็กลง แต่ dimension ก็เล็กลงตามไปด้วย ลดคุณภาพของภาพ (Quality) หรือจำนวนพิกเซล : ข้อดีคือได้ภาพที่มี dimension เท่าเดิม แต่คุณภาพลดลง ก็ต้องเลือกเอาแล้วล่ะครับว่าชอบแบบไหน แต่ในที่นี้เราจะมาเรียนรู้แบบที่ 2 กัน คือลดคุณภาพแต่ได้ภาพที่มีขนาดภาพเท่าเดิม ก่อนอื่นเราก็ต้องมีภาพต้นฉบับก่อน ซึ่งในที่นี้ผมขอใช้ภาพของเด็กน้อยน่ารักยิ้มอย่างมีความสุขจากเว็บ Flickr โดยดาวน์โหลดได้จาก http://www.flickr.com/photos/pruzicka/327094032/ ภาพที่ใช้ในตัวอย่างนี้มีขนาด 414KB แล้วทีนี้ถ้าเว็บที่เราจะโพ้สภาพ จำกัดขนาดไฟล์ไม่เกิน 200KB [...]]]></description>
			<content:encoded><![CDATA[<p>เกร็ดเล็กๆในวันนี้ เราจะมาดูการจำกัดขนาดไฟล์หรือ <strong>File size</strong> ให้มีขนาดน้อยกว่าหรือเท่ากับขนาดที่กำหนด เทคนิคนี้ใช้ได้เสมอในกรณีต่างๆ เช่น โพ้สภาพลงเว็บบอร์ดที่จำกัดขนาดภาพ<span id="more-335"></span><br />
ตามที่เกริ่นไว้นะครับ มีหลายเว็บที่อนุญาติให้ผู้ใช้สามารถโพ้สภาพของตัวเองลงในเว็บบอร์ด แต่บางครั้งมีข้อจำกัดตรงที่ห้ามโพ้สไฟล์ที่มีขนาดไฟล์เกิน 100KB, 200KB &#8230;. เป็นต้น แล้วเราจะทำอย่างไรดีล่ะ ถ้าไฟล์ต้นฉบับของเรามีขนาดใหญ่โตเหลือเกิน </p>
<p>โดยหลักการนั้นการย่อขนาดไฟล์ภาพแบบ <strong>Bitmap</strong> ทำได้ 2 วิธี คือ</p>
<ol>
<li>ลดขนาด <strong>Dimension</strong> หรือขนาดความกว้าง ความยาว : ข้อดีคือได้ไฟล์ภาพเล็กลง แต่ <strong>dimension</strong> ก็เล็กลงตามไปด้วย</li>
<li>ลดคุณภาพของภาพ (<strong>Quality</strong>) หรือจำนวนพิกเซล : ข้อดีคือได้ภาพที่มี <strong>dimension</strong> เท่าเดิม แต่คุณภาพลดลง</li>
</ol>
<p>ก็ต้องเลือกเอาแล้วล่ะครับว่าชอบแบบไหน แต่ในที่นี้เราจะมาเรียนรู้แบบที่ 2 กัน คือลดคุณภาพแต่ได้ภาพที่มีขนาดภาพเท่าเดิม</p>
<p>ก่อนอื่นเราก็ต้องมีภาพต้นฉบับก่อน ซึ่งในที่นี้ผมขอใช้ภาพของเด็กน้อยน่ารักยิ้มอย่างมีความสุขจากเว็บ <strong>Flickr</strong> โดยดาวน์โหลดได้จาก <a href="http://www.flickr.com/photos/pruzicka/327094032/">http://www.flickr.com/photos/pruzicka/327094032/</a> </p>
<p><img src="http://photoshop.romebe.com/wp-content/uploads/filesize1.jpg" alt="" title="http://www.flickr.com/photos/pruzicka/327094032/" width="600" height="867" class="alignnone size-full wp-image-336" /><br />
ภาพที่ใช้ในตัวอย่างนี้มีขนาด 414KB แล้วทีนี้ถ้าเว็บที่เราจะโพ้สภาพ จำกัดขนาดไฟล์ไม่เกิน 200KB เราจะทำอย่างไร</p>
<p><strong>ขั้นที่1</strong><br />
เปิดไฟล์ตามที่ต้องการขึ้นมา แล้วเข้าเมนู <strong>File > Save For Web &#038; Devices</strong> จะมีหน้าต่างใหม่ขึ้นมาโดยมีลักษณะตามภาพ<br />
<a href="http://photoshop.romebe.com/wp-content/uploads/filesize2.jpg"><img src="http://photoshop.romebe.com/wp-content/uploads/filesize2-580x537.jpg" alt="" title="filesize" width="580" height="537" class="alignnone size-large wp-image-337" /></a></p>
<p><strong>ขั้นที่ 2</strong><br />
คลิกที่ปุ่มสามเหลี่ยมแล้วเลือก <strong>Optimize to File Size</strong><br />
<img src="http://photoshop.romebe.com/wp-content/uploads/filesize3.jpg" alt="" title="Optimize to File Size" width="375" height="227" class="alignnone size-full wp-image-338" /></p>
<p><strong>ขั้นที่ 3</strong><br />
จากนั้นใส่ขนาดที่ต้องการลงไป ในที่นี้ เราต้องการภาพที่มีขนาดไม่เกิน 200KB ผมก็ใส่ค่าไป 199KB ในช่อง <strong>Desired File Size</strong> เพื่อเป็นการทำให้แน่ใจว่าไม่เกิน 200KB แน่นอน<br />
<img src="http://photoshop.romebe.com/wp-content/uploads/filesize4.jpg" alt="" title="Optimize to File size" width="351" height="234" class="alignnone size-full wp-image-339" /></p>
<p>เท่านี้เราก็จะได้ภาพที่มีขนาดภาพเท่าเดิม แต่มีขนาดไฟล์ลดลงเหลือไม่เกิน 200KB แล้วครับ ไม่เชื่อก็ลอง Save ภาพไปแล้วดูขนาดไฟล์เปรียบเทียบกับภาพต้นฉบับแรกได้ครับ <img src='http://photoshop.romebe.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img src="http://photoshop.romebe.com/wp-content/uploads/filesize_final.jpg" alt="" title="filesize_final" width="600" height="867" class="alignnone size-full wp-image-340" /></p>
<img src="http://photoshop.romebe.com/?ak_action=api_record_view&id=335&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://photoshop.romebe.com/2010/01/22/limit-file-size/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

