最新情報

  • 2019/08/18
    ブログを更新しました。
    2018/04/30
    冷やし中華...じゃなかった、Twitterはじめました。

このサイトに関して



当サイトご利用上の注意

  • 記事へのリンクはご自由になさって結構です。
    但し、画像等、記事内のコンテンツの無断転載、画像への直接リンクによるまとめサイト等他サイトへの転載は固くお断りします。

    2019/04/14現在、コメント欄の認証方法やNGワード設定等、時々変更しています。メールアドレスの入力が求められる場合、とりあえずメールアドレスの形をしていれば(@の前は適当でも)OKです。

    上記に関し、詳しくは下記バナーから「当サイトについて」をお読み下さい。



    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。




特設コーナー

  • Banner_kanan_fund


















外部サイト(その他)

  • 台湾の名前で東京オリンピック参加を!署名活動


    憲法改正を実現する1,000万人ネットワーク 美しい日本の憲法をつくる国民の会









管理人ポータル

大師小同窓会関連












  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


我が町!大師の情報

  • 大師の歴史・町名の由来

各種ノウハウ集



私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


« 【ブログ主覚書】2016年度分よりネットによる確定申告(e-Tax)の簡素化 | トップページ | 「オマリー系」?「マッチョドラゴン系」?/今日は一日“プロ野球ソング”三昧 IN 沖縄 »

2015/02/11

【ブログの楽しみ方】画像の見た目の大きさを変えずに圧縮してサイズを小さくする/ロスレス圧縮とは

ブログなどのwebサイトに画像を掲載する場合、実際には“画像を呼び出す”命令(HTMLタグ)が記述されるだけで、画像は別の場所に保存されます。(ココログの場合、画像をそのまま掲載する場合は「マイフォト」、記事上には縮小画像=サムネイルを表示する場合はサムネイル用の保管場所と、「マイフォト」の2箇所。)

 

つまり、画面上の画像はアクセスした時(そのページを開く時)に、いちいち呼び出されるわけです。従って、記事上に表示される画像が少ない、あるいは画像のサイズが小さいほど表示スピードが上がります。(但し、ブラウザのCache=キャッシュに画像が保存されるため、2回目以降は素早く表示される。)

 

 

 

 

今回は、見た目にほとんど影響を与えず、画像サイズ(縦横のサイズではなく、バイト数)を小さくしてくれる方法のご紹介です。

 

 

使い方はさほど難しくなく、上記記事を読めば分かりますが、以下、簡単にご紹介します。

 

サンプル画像

下はこのブログのサイドバーに現在表示している画像ですが、左が元画像、右が圧縮後の画像で、現在は圧縮後の画像を表示させています。

 

 

 

この画像のサイズは、縦横は220px × 300pxで同じですが、右が82.39 KB (84,371 バイト)、左が21.97 KB (22,498 バイト)です。

 

Compressorの使い方

手順としては、①画像をアップロードする→②web上で圧縮される→③圧縮された画像をダウンロードする だけです。

1.サイトにアクセすると下のよう画面が表示される

 

Compress01

 

2.下記の[SELECT FILE]というボタンをクリックして、アップロードする画像を指定

 

Compress02compressor

 

3.ダウンロード

 

Compress03compressor

 

[DOWNLOAD YOUR FILE]ボタンをクリックするとダウンロードされる。

 

【追記】圧縮した画像のファイル名はデフォルトで元の名前に「-compressor」が付きます。ダウンロード時に「名前を付けて保存」で元画像と同じ名前で上書きしようとしたところ失敗しました。

 

ロスレス(lossless)圧縮とは

ここでは見た目を劣化せずにサイズを小さくすることだけを目的にしていますが、このサイトではロスレス圧縮という方法で圧縮してくれます。

losslessとは、コンピュータ用語では「情報が失われないデータ圧縮の」という形容詞で、ロスレス圧縮は日本語では「可逆圧縮」と呼ばれます。(可逆=逆向きの反応も可能なこと、つまり元に戻せる⇔不可逆(lossy))

 

これがよく分かるのは、zip形式などの圧縮かと思います。

メールに添付して送るためにサイズを小さくしたり、アプリをダウンロードする際に圧縮されたzipファイルを“解凍”して元の形に戻した経験はあるのではないでしょうか。

不可逆性のファイル形式としてよく知られているものは、画像ファイルのjpgファイルです。

ブログなどにアップロードするためにjpgファイルを加工することはよくあると思いますが、(縦横のサイズ変更ではなく)色調を変えたり明るさを変えたりという修正を何度も繰り返して保存すると、そのたびに画質は劣化して元には戻せません。

下は、左が元画像、右は 明るさを少し変えて保存→元に戻して保存 を10回以上繰り返したものです。右の画像は少しぼやけてしまったのが分かるかと思います。

 

Daruma_195x220  Daruma_195x220_copy

 

1、2回程度ではあまり変わらないのですが、もし、ブログ用などに画像を編集する場合、必要なら元画像は残しておいて、コピーした画像(コピーした時点では元画像と全く同じ画質)を編集するとか、編集結果を別の名前で保存して元画像を上書きしないようにするといった注意が必要です。

 

 

 

 


 

« 【ブログ主覚書】2016年度分よりネットによる確定申告(e-Tax)の簡素化 | トップページ | 「オマリー系」?「マッチョドラゴン系」?/今日は一日“プロ野球ソング”三昧 IN 沖縄 »

コメント

コメントを書く

(ウェブ上には掲載しません)

« 【ブログ主覚書】2016年度分よりネットによる確定申告(e-Tax)の簡素化 | トップページ | 「オマリー系」?「マッチョドラゴン系」?/今日は一日“プロ野球ソング”三昧 IN 沖縄 »

counter since 2018/12/25

  • Flag Counter

    FLAG Counterのロゴをクリックすると、更に詳しい分析結果が表示されます。
    ココログのアクセス解析よりは少ない数字になるようです。
サイト内検索
ココログ最強検索 by 暴想
2019年10月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

sponsored link


ドールハウス工作おすすめ参考図書

ドールハウス工作おすすめアイテム(材料・工具)

カテゴリー

無料ブログはココログ