<?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>大画像 &#8211; WordPress Memo</title>
	<atom:link href="https://blog.riverforest-wp.info/tag/%E5%A4%A7%E7%94%BB%E5%83%8F/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.riverforest-wp.info</link>
	<description>WordPress に関する覚え書き</description>
	<lastBuildDate>Fri, 09 May 2025 12:48:52 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.riverforest-wp.info/wp-content/uploads/2018/05/cropped-icon-256x256-1-32x32.png</url>
	<title>大画像 &#8211; WordPress Memo</title>
	<link>https://blog.riverforest-wp.info</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress 5.3 からのメディアライブラリにおける大画像の問題について</title>
		<link>https://blog.riverforest-wp.info/media-large-image-wp5-3/</link>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Tue, 19 Nov 2019 22:49:00 +0000</pubDate>
				<category><![CDATA[Function]]></category>
		<category><![CDATA[オリジナルファイル]]></category>
		<category><![CDATA[スケーリング]]></category>
		<category><![CDATA[フィルター]]></category>
		<category><![CDATA[メディアライブラリ]]></category>
		<category><![CDATA[大画像]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=1806</guid>

					<description><![CDATA[はじめに WordPress 5.3 から、メディアアップロード時に大画像を検知して、スケーリングする機能が追加されました。デフォルトでは 2560px 以上の画像で動作します。この事が、大画像を扱う方達の間で問題を引き [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">はじめに</h3>



<p>WordPress 5.3 から、メディアアップロード時に大画像を検知して、スケーリングする機能が追加されました。デフォルトでは 2560px 以上の画像で動作します。この事が、大画像を扱う方達の間で問題を引き起こしています。</p>



<h3 class="wp-block-heading">オリジナル画像は？</h3>



<p>大画像をアップロードすると以下のように、元ファイルに「<strong>-scaled</strong>」と付加されたファイルがメディアライブラリの画像になります。スケーリングされた画像であり元の画像ではありません。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc63636b314&quot;}" data-wp-interactive="core/image" data-wp-key="69cc63636b314" class="wp-block-image aligncenter size-large wp-lightbox-container"><img fetchpriority="high" loading="eager" decoding="async" width="1024" height="681" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-1024x681.png" alt="" class="wp-image-1811" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-1024x681.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-300x199.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-768x510.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/media.png 1267w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p>サーバーを見てみると、元の画像は存在しますが、管理画面からは見れません。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc63636b8a8&quot;}" data-wp-interactive="core/image" data-wp-key="69cc63636b8a8" class="wp-block-image aligncenter size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="621" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://blog.riverforest-wp.info/wp-content/uploads/20191120/files-1024x621.png" alt="" class="wp-image-1810" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20191120/files-1024x621.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/files-300x182.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/files-768x466.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/files.png 1088w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p>どのように管理されているかデータベースを調べてみると、メタデータの中に <strong>original_image</strong> というメタデータがありそこにファイル名が記されていました。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc63636bdf4&quot;}" data-wp-interactive="core/image" data-wp-key="69cc63636bdf4" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="626" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://blog.riverforest-wp.info/wp-content/uploads/20191120/meta-1024x626.png" alt="" class="wp-image-1813" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20191120/meta-1024x626.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/meta-300x183.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/meta-768x469.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/meta.png 1198w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<h3 class="wp-block-heading">この動作を抑制するには？</h3>



<p>以下のフィルターを使用して抑制するとスケーリングしなくなります。</p>



<pre class="prism line-numbers"><code class="language-php language-html">add_filter( 'big_image_size_threshold', '__return_zero', 10, 2 );</code></pre>



<p>また私の作成したプラグイン <strong>Disable Generate Thumbnails</strong> では、設定メニューから ON・OFF できます。</p>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/disable-generate-thumbnails/assets/icon-256x256.png?rev=2187340" alt="Disable Generate Thumbnails のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/disable-generate-thumbnails/" class="pluginstatsview-astyle">Disable Generate Thumbnails</a></div>
			<div class="pluginstatsview-small">サムネイルと機能を選択して無効にします。</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/disable-generate-thumbnails/#reviews" title="5.0(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span>
			</span>
	</a>(15)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">6,000以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/disable-generate-thumbnails.2.21.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2019-11-06</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:30 時点の統計	</div>
</div>



<h3 class="wp-block-heading">オリジナル画像の URL は？</h3>



<p>メディアライブラリのファイル名から「<strong>-scaled</strong>」をとったものです。</p>



<p>URL は、以下の関数で取得できます。</p>



<style>
.simpleblogcard_img_block0f3ac49800dc0828c3411ed39fba43ce {
  float: right;
  padding: 10px;
}
.simpleblogcard_border0f3ac49800dc0828c3411ed39fba43ce {
  border-left: solid 8px #cd162c;
  padding: 0.25em 0.25em;
  background: transparent;
}
.simpleblogcard_title0f3ac49800dc0828c3411ed39fba43ce {
  line-height: 155%;
  font-weight: bold;
  display: block;
}
.simpleblogcard_description0f3ac49800dc0828c3411ed39fba43ce {
  line-height: 155%;
  color: #333;
}
</style>
<div class="simpleblogcard_wrap">
			<a style="text-decoration: none;" href=https://developer.wordpress.org/reference/functions/wp_get_original_image_url/>
				<figure class="simpleblogcard_img_block0f3ac49800dc0828c3411ed39fba43ce">
			<img decoding="async" style="border-radius: 5px; width: 100px; height: 52px;" src="https://developer.wordpress.org/wp-content/themes/wporg-developer-2023/images/opengraph-image.png" alt="wp_get_original_image_url() – Function | Developer.WordPress.org" />
		</figure>
		<div class="simpleblogcard_inner">
		<div class="simpleblogcard_border0f3ac49800dc0828c3411ed39fba43ce">
			developer.wordpress.org			<div class="simpleblogcard_title0f3ac49800dc0828c3411ed39fba43ce">
				wp_get_original_image_url() – Function | Developer.WordPress.org			</div>
							<div class="simpleblogcard_description0f3ac49800dc0828c3411ed39fba43ce">
					Retrieves the URL to an original attachment image.				</div>
					</div>
	</div>
	<div style="clear: both;"></div>
	</a>
</div>



<p>フルパスは、以下の関数で取得できます。</p>



<style>
.simpleblogcard_img_block521d0f688b2870d5342dee5476d975fc {
  float: right;
  padding: 10px;
}
.simpleblogcard_border521d0f688b2870d5342dee5476d975fc {
  border-left: solid 8px #cd162c;
  padding: 0.25em 0.25em;
  background: transparent;
}
.simpleblogcard_title521d0f688b2870d5342dee5476d975fc {
  line-height: 155%;
  font-weight: bold;
  display: block;
}
.simpleblogcard_description521d0f688b2870d5342dee5476d975fc {
  line-height: 155%;
  color: #333;
}
</style>
<div class="simpleblogcard_wrap">
			<a style="text-decoration: none;" href=https://developer.wordpress.org/reference/functions/wp_get_original_image_path/>
				<figure class="simpleblogcard_img_block521d0f688b2870d5342dee5476d975fc">
			<img decoding="async" style="border-radius: 5px; width: 100px; height: 52px;" src="https://developer.wordpress.org/wp-content/themes/wporg-developer-2023/images/opengraph-image.png" alt="wp_get_original_image_path() – Function | Developer.WordPress.org" />
		</figure>
		<div class="simpleblogcard_inner">
		<div class="simpleblogcard_border521d0f688b2870d5342dee5476d975fc">
			developer.wordpress.org			<div class="simpleblogcard_title521d0f688b2870d5342dee5476d975fc">
				wp_get_original_image_path() – Function | Developer.WordPress.org			</div>
							<div class="simpleblogcard_description521d0f688b2870d5342dee5476d975fc">
					Retrieves the path to an uploaded image file.				</div>
					</div>
	</div>
	<div style="clear: both;"></div>
	</a>
</div>



<p>また私の作成したプラグイン <strong>Media Metadata List</strong> からオリジナル画像の URL とサイズを知る事ができます。 </p>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/media-metadata-list/assets/icon-256x256.png?rev=2129332" alt="Media Metadata List のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/media-metadata-list/" class="pluginstatsview-astyle">Media Metadata List</a></div>
			<div class="pluginstatsview-small">メディアライブラリのリストビューにメタデータのリストを表示します。</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/media-metadata-list/#reviews" title="4.5(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-half"></span>
			</span>
	</a>(2)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">100以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/media-metadata-list.2.03.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2019-07-26</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:30 時点の統計	</div>
</div>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc63636c96b&quot;}" data-wp-interactive="core/image" data-wp-key="69cc63636c96b" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="681" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-metadata-list-1024x681.png" alt="" class="wp-image-1812" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-metadata-list-1024x681.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-metadata-list-300x199.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-metadata-list-768x510.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20191120/media-metadata-list.png 1267w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<h3 class="wp-block-heading">その他</h3>



<p>私の作成したプラグイン <strong>Media from FTP</strong> でスケーリングされた画像を再検索してしまう問題を、Version 11.03 で修正しました。</p>


]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
