<?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>透過 | 写真撮る人鈴木遥介</title>
	<atom:link href="https://www.capricious.info/log/tag/%e9%80%8f%e9%81%8e/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.capricious.info</link>
	<description>EC・ネットショップ購入の決め手は商品写真(画像データ)、わかりやすい写真で「購入に強力なひと押し」を！</description>
	<lastBuildDate>Thu, 28 Mar 2019 06:33:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>切抜きデータに新習慣「PNGで切抜きデータを効果的に！」</title>
		<link>https://www.capricious.info/log/2013/07/12/png_nouhin/</link>
					<comments>https://www.capricious.info/log/2013/07/12/png_nouhin/#comments</comments>
		
		<dc:creator><![CDATA[鈴木 遥介]]></dc:creator>
		<pubDate>Fri, 12 Jul 2013 06:10:50 +0000</pubDate>
				<category><![CDATA[EC・ネットショップ]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[切抜き処理]]></category>
		<category><![CDATA[透過]]></category>
		<guid isPermaLink="false">http://www.capricious.info/?p=2069</guid>

					<description><![CDATA[<p>先日新しくご依頼頂いたネットショップの現状写真の見ていたところ、同じ写真なのに背景が白と薄いグレーの部分があって「おー、サムネイルと大きい写真とで背景変えてるのか。手間かかってるなぁ」なんて思っていたんですが。 よくよく [&#8230;]</p>
<p>The post <a href="https://www.capricious.info/log/2013/07/12/png_nouhin/">切抜きデータに新習慣「PNGで切抜きデータを効果的に！」</a> first appeared on <a href="https://www.capricious.info">写真撮る人鈴木遥介</a>.</p>]]></description>
										<content:encoded><![CDATA[<p><a href="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_0.png"><img fetchpriority="high" decoding="async" class="size-full wp-image-2102 alignnone" title="png_nouhin_0" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_0.png" alt="PNGで切抜きデータを効果的に！" width="600" height="333" srcset="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_0.png 600w, https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_0-300x166.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>先日新しくご依頼頂いたネットショップの現状写真の見ていたところ、同じ写真なのに背景が白と薄いグレーの部分があって「おー、サムネイルと大きい写真とで背景変えてるのか。手間かかってるなぁ」なんて思っていたんですが。</p>
<p>よくよく見ていると白と薄いグレーではなくて、ページ全体が白から薄いグレーのグラデーションになっていた・・・・。</p>
<p>「もしかしてこのネットショップのデータ、PNG！？」</p>
<p>ということで詳しく見てみたところ、透過設定(αチャンネル)付きのPNGでした。<br />
個人的には透過設定のPNGをネットショップで使っているのは初めて見たので、ちょっと驚きました。</p>
<p>まぁ、今まで見ていたとしても気づいてなかったりするのでしょうけどねぇ。</p>
<p><span id="more-2069"></span></p>
<h2>PNGの透過設定ってなんぞや</h2>
<table border="0">
<tbody>
<tr>
<td style="background: #ffdddd;"><img decoding="async" class="alignnone size-full wp-image-2106" title="png_nouhin_1" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.jpg" alt="JPEGサンプル" width="150" height="150" srcset="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.jpg 150w, https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1-120x120.jpg 120w" sizes="(max-width: 150px) 100vw, 150px" /></td>
<td style="background: #ddffdd;"><img decoding="async" title="png_nouhin_1" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.jpg" alt="JPEGサンプル" width="150" height="150" /></td>
<td style="background: #ddddff;"><img decoding="async" title="png_nouhin_1" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.jpg" alt="JPEGサンプル" width="150" height="150" /></td>
</tr>
<tr>
<td style="background: #ffdddd;"><img loading="lazy" decoding="async" title="png_nouhin_1" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.png" alt="切抜きデータ" width="150" height="150" /></td>
<td style="background: #ddffdd;"><img loading="lazy" decoding="async" title="png_nouhin_1" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.png" alt="切抜きデータ" width="150" height="150" /></td>
<td style="background: #ddddff;"><img loading="lazy" decoding="async" title="png_nouhin_1" src="https://www.capricious.info/wp/wp-content/uploads/2013/07/png_nouhin_1.png" alt="切抜きデータ" width="150" height="150" /></td>
</tr>
</tbody>
</table>
<p>まぁ、色々と難しい事もあるのですが簡単に言うと「透明になります」。<br />
そのまんまですが・・・そういう事です。</p>
<p>さて、上記の表にはシャツの写真が６枚並んでおります。<br />
上の3枚が通常よく使われるJPEGデータで、下の3枚が透過設定付きのPNGデータです。</p>
<p>透過されている状態がわかりやすいように表の背景を「赤・緑・青」に設定しています。<br />
わざわざ3色用意したのはRGBにしたかっただけですｗ</p>
<p>さて、JPEGデータの場合は商品の周りが白くなっていますが、PNGだと背景が透明になっているのがわかるかと思います。</p>
<p>切抜き処理をした後でPNGで保存しておけば、後々背景を白ではなく青にしたいということにもそのまま使う事が出来て便利なのです。<br />
もちろん、グラデーションを背景にする事も可能なのです！</p>
<h2>〆</h2>
<p>GIFというファイル形式でも透過は出来ましたが、再現出来る色の範囲が狭いので写真向きではありませんでした。<br />
その点PNGは写真に耐えうる色再現が出来るので、商品写真にも使うことが出来ますね。</p>
<p>探してみた所、現状「透過設定付きのPNGで納品する業者」は無いようです。<br />
切抜き処理などをする画像処理の会社でも同様でした、対応している会社が無いというよりかはPNGの存在があまり知られていないのでしょうね。</p>
<p>でも今後はJPEGだけでなくPNG、しかも透過設定付きのPNGという選択肢も増えていくのかもしれないなぁと思った次第です。</p>
<p>もちろん、透過設定付きのPNG切抜きデータの納品も対応してます。<br />
ご利用の際にはご相談くださいｗ</p><p>The post <a href="https://www.capricious.info/log/2013/07/12/png_nouhin/">切抜きデータに新習慣「PNGで切抜きデータを効果的に！」</a> first appeared on <a href="https://www.capricious.info">写真撮る人鈴木遥介</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.capricious.info/log/2013/07/12/png_nouhin/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Disk: Enhanced  を使用したページ キャッシュ

Served from: www.capricious.info @ 2026-06-18 18:10:30 by W3 Total Cache
-->