アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -22ページ目

ブログに写真を貼りたい・・縮小

まずはデジカメで撮った写真をパソコンに保存しなければなりません


デジカメ付属のUSBケーブルをパソコンにつないで取り込む方法

(デジカメを付属のUSBケーブルで初めてパソコンと接続するときにはデジカメに付属しているドライバや転送ソフトをマニュアルに従ってインストールが必要になる場合があります)

「デジカメの写真をパソコンに取り込む方法」でyahooとかgoogleで検索下さい
チョット古くてWindowsXPなんですが・・
これで簡単! デジカメ画像の取込と整理
https://www.slownet.ne.jp/sns/area/pc/reading/pc_readig/200510031941-1000000.html


他にもカードリーダーやメモリーカードスロットが装備しているパソコンで取り込む方法があります





USBのカードリーダーライターです

いろいろな種類のメモリーカードをさすことができます

携帯で撮った写真をパソコンに取り込むのに便利です

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

BUFFALO カードリーダー/ライター 43+7メディア対応 ホワイト BSCRA26U2WH



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


PLANEX ゲーム機、デジカメ、携帯電話など51種類のメディアに対応したUSBカードリーダ&ライター PL-CR51U


カードリーダーとカードリーダーライターがあります

カードリーダーはパソコンからメモリーカードを読み込むだけ

カードリーダーライターは読み込むだけでなくパソコンからメモリーカードに書き込んだりメモリーカードの中身を削除したり出来ます

デジカメの写真や携帯で撮った写真をパソコンに取り込むだけでしたらカードリーダーで充分です

使えるメモリーカードの種類以外は機能的な差はないので安いものでいいと思います




とりあえずは上記の方法でデジカメの写真がパソコンに取り込まれていることを前提に進めます




Amebaプレミアム1枚あたりの画像アップロード容量 2MB⇒5MB

こんなアメブロの誘いに乗ってはだめですよ

なんか・・いかにも保存する画像の画質が良くなるように思いますが

まったくそんなことではありません

5Mの写真を画像フォルダにアップしても自動的に横幅800pxに縮小されて劣化するだけですから

ただ2M以上の写真をアップするだけにAmebaプレミアムに入るってだまされていますよ~




アメブロに使える写真は横幅が800pxまでです

記事に小さな縮小されたサムネイルの写真を貼り付けてクリックして別ページで800pxの大きな写真を見せるって・・・

スマートじゃないですよね・・・

大きくしたって所詮は800pxのサイズです

それだったら多少は小さくてもブログの記事幅いっぱいの写真を記事に貼り付けたほうが見に来てくれた方のためにもいいことではないでしょうか・・・



そうするためにはアメブロにアップする前に表示したいサイズに縮小する必要があります

写真を縮小する方法はこれまでにも紹介してきました

今回はそんないちいちめんどくさいことは嫌!って~方のために

縮小専用AIRを紹介します・・・当然無料ですよ

トリミングは出来ませんがまとめてドラッグするだけでいっぺんに指定サイズに縮小してくれます

Windows & MacOS に対応した画像縮小アプリケーション「縮小専用AIR」

Adobe Flash Player と AdobeAIR がパソコンにインストールされている必要があります
Flash Playerはたいていの場合はインストールされていると思いますが・・AdobeAIRって・・
大丈夫ですダウンロードボタンをクリックすればAdobeAIRが入っていなければ先に自動でインストールしてくれます
インストールの仕方はサイトに書かれていますが簡単です


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


デスクトップにこんなアイコンが現れればOKです


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!





↓デジカメで撮った写真をパソコンに保存しました


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

横幅2560pxサイズ1枚3Mではアメブロの画像フォルダにアップすることは出来ません

で・・・



縮小専門AIRを立ち上げます

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

画像サイズは縮小するサイズです

800×800を選択しても真四角の写真になるわけではありません

縦と横どちらか大きい方が横が800pxあるいは縦が800pxに縮小されます

もし・・記事にサムネイル画像を貼ってクリックで別ページを開いて大きな写真を見せたければ800×800を選択します

もし・・サムネイルではなくて記事にオリジナルの画像を貼り付ける場合には

3カラムでしたら400×400(あるいはカスタムで350×350とか指定)

2カラムでしたらカスタムを選択して485×485とか自分のスキンに合ったサイズを指定します

※わたしのスキンは記事幅を広げていますので550px×550pxで説明画像は作っています


保存オプションは画像の圧縮率です

Jpeg量子化率(圧縮率)を調整します

このブログの下でJpeg量子化率(圧縮率)の違いによる画像とファイルサイズの違いの例を貼っています

Jpeg量子化率(圧縮率)を下げれば1枚あたりの容量が減ります

ただ・・減らしすぎると画像が劣化しますので・・・

わたしは80%程度で充分だと思うのですが・・どうでしょう?


画像効果はとりあえずはそのまま縮小しますので何もしないで


フォルダーを作ってその中の保存で適当なフォルダー名を作ると新しくそのフォルダーが出来て縮小された写真がその中に入ります


一度設定をしておけばその設定を覚えていますから次からはいちいち設定する必要はありません



↓用意が出来たらパソコンに保存した写真をまとめてドラッグします
   もちろん1枚づつでも可能ですよ・・使う写真1枚だけでしたらその写真をドラッグします

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


↓作業中です・・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


新しくフォルダーが出来ています・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


中をのぞくと横幅が550pxに縮小されてサイズも小さくなった写真たちが・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

↑Jpeg量子化率96%  ↓Jpeg量子化率80%の場合・・サイズが半分以下になりますね

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



↓残念ながら曇りの日に撮った写真ですので参考になるかどうか・・・

Jpeg量子化率96% アップ前のファイルサイズ224KB アメブロ画像フォルダー内のファイルサイズ212KB


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!-96-224


Jpeg量子化率80% アップ前のファイルサイズ90KB アメブロ画像フォルダー内のファイルサイズ88KB


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!-80-90

比べてみてください

↓下の写真の上半分は96%の画像で下半分は80%の画像を合成しています

96%と80%では(この写真では)倍以上ファイルサイズが違いますアメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

↑96%と80%の違いはわかりますか・・ 拡大すれば境目はわかります↓
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

Jpeg量子化率を下げることで画像ファイル容量が減ります

ある程度納得いく程度まで下げて1枚あたりのファイル容量を減らせば・・・

Amebaプレミアムで総容量を増やす必要がなくなります





モノクロ化
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


鮮やかに
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


トイカメラ風
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


ポラロイド風
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
枠が付くわけではないんですね・・・・?



元の写真がなくなるわけではありませんのでいろいろ試してください



ちなみに元の画像3Mではアップできませんので1.79Mに落として実験・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


1.79Mの画像でもアメブロにアップするとたった263KBになってしまいます

1枚2M以上の画像をアップしたとしても似たようなものでしょう

決して高画質で保存できるわけではありません


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

↑1.79Mの写真をそのままアメブロの画像フォルダにアップしたオリジナル写真です

width="550"で横幅550pxで表示しています・・上で最初に縮小した写真と比べてどうですか?

2M近い写真をアップしたからといってきれいなままって~ことではないってわかると思います


これがアメブロにだまされないでっていった訳です・・・




いよいよ次は記事に写真を貼り付けます・・・

ごめんなさい終了します・・

こんな時間ですが・・・


寝ていたんですが・・・

もどしてしまいました

最近はなかったんだけどな~



耳もさわると痛くなってきちゃったし・・



このまま開けておくと回答するのに相当時間がかかりそうですので

すみませんが閉じさせてください



今までにコメントいただいた方には遅くなっても回答します

もう少しお待ちください



ごめんなさい


コメント受付します・・

GWも始まってアメブロのカスタマイズをガンバろ~って方もおられるかと・・


またコメント欄を開放します



質問は出来るだけ該当記事にコメントをください

同じようなことで悩んでおられる方の参考になります



最近流行の素材屋さん風のスキンにされている方の質問はお断りします

回答にアメブロ広告を消すことが絡んできますので答えられないんです


また・・当然ですがPRや広告に関しての質問もNGとさせていただきます




何件くらい答えられるのか不安なありますが・・・

ほんとうにすみませんが

質問が溜まってしまった段階で閉じさせていただきます

GW中には回答をし終わりたいと思います





CSSで見えなくしているだけですから・・

コメントする方法はあるのですが

それがわかる方は質問する必要がない方ばかりですよね・・・