注目タグ

FAQ・よくある質問

トピック詳細

大きい画像をうまく扱う方法はありますか?

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=6& t=318
うお 2005-04-15 12:17:26
件名 :大きい画像をうまく扱う方法はありますか?

FC2ブログでは、画像の縦横サイズの制限はありませんが、ファイルサイズには、250KBまでという制 限があります。
画像の縦横サイズについて、うまく扱う方法をお探しの場合は、以下を試してみてください。

1. サムネイル画像を使う方法
 画像をアップロードする際に、「サムネイルも作成する」オプションにチェックをつけます。これによって、「環境設定」-「 環境設定の変更」-「ブログの設定」の「サムネイル設定」で指定したサイズで、サムネイル画像が自動的に登録されます(元ファイ ル名に「s」がつきます)。
 以下は、通常はサムネイル画像を表示しておいて、クリックされたら新しいウインドウで元の画像を表示する例です。
<a href="http://blog#.fc2.com/n/XXXXX/file/origina l.jpg" target="_blank">
<img src="http://blog#.fc2.com/n/XXXXX/file/origi nals.jpg" alt="…" border="0">
</a>
 2005/07 にファイルアップロードのサムネイルが強化されました。オリジナル画像の「記事を書く(サムネイルを使用) 」をクリックすると、サムネイル画像を使ったソース(上記)が挿入されます。「記事を書く」や「(元画像を使用)」をクリックす ると、サムネイル画像を使わないソースが挿入されます。

2. 画像の表示サイズを指定する方法
 イメージタグ(img要素)では画像のサイズをピクセル、またはパーセンテージで指定できます。ただし、パーセンテージで指 定する場合は「表示可能な領域に対する割合」であることに注意してください。
 この方法では、読み込まれる画像のファイルサイズは変わらないので、表示にかかる時間も変わりません。
 以下は、元の画像の 75%で表示する例です(スタイルシートを使います)。
<img src="http://blog#.fc2.com/n/XXXXX/file/origina l.jpg" alt="…" border="0" style=&q uot;width:75%; height:75%;">

3. 画像を小さくする方法
 画像編集ソフトを使って、画像を縮小したり、ファイル形式を変更してファイルサイズを小さくしたりできます。
 有名なのは『Adobe Photoshop』ですが、非常に高価です。窓の杜 QuickReima )が多 数登録されています。これらを利用するのもひとつの方法です。

2005年04月15日 12:17  by FC2スタッフ

コメント一覧 2件中、1~2件表示

  • 旧フォーラムの記事です
    月 2006-01-31 00:18:11
    件名 :Re: 大きい画像をうまく扱う方法はありますか?

    アップロード可能なファイル容量の上限は、250,000バイト(約244KB)が実情のようです。

    <a class="postlink" href="http://blog.fc2 .com/forum/viewtopic.php?p=24168#24168">http://blog. fc2.com/forum/viewtopic.php?p=24168#24168</a>

    2006年01月31日 00:18 by FC2スタッフ

  • 旧フォーラムの記事です
    pino 2006-01-25 13:33:14
    件名 :

    画像の横に文章を回り込ませる方も多いと思いますが、
    その時の画像がパーセント指定(width="●●%")の場合のトラブルがあったので
    貼っておきます
    http:/ /blog.fc2.com/forum/viewtopic.php?t=7042
    .

    2006年01月25日 13:33 by FC2スタッフ