PNG画像をきれいに圧縮してサイズを小さくする「TinyPNG」

2016012307.jpg私がブログにアップする画像のほとんどは「JPEG」(フルカラー画像ではない場合は「GIF」)でした。

←上側左のJPG(JPEG)画像のように影付きの画像を作って貼り付けたとしても、今までだとブログ記事の背景色が白色でしたので、違和感なく見ることができました。
ところが、今は記事の背景色がグレーなので、影付き画像の周りに白色が見えてきて変な感じになります(←下側右のJPG画像)。

もしもPNG画像で保存していたなら、透明部分は透明として保存されるので←右側のPNG画像のように、背景色が何色でもちゃんと違和感なく表示されます。

2016012308.pngところがPNG画像はサイズが大きくなります。

←同じ大きさのJPEG(JPG)画像とPNG画像を比べてみると、画質の差はあまりわかりませんがサイズは4倍弱違ってきています。

PNG画像のサイズを圧縮して小さくできればブログで使うのにいいんですけどね……。

というわけで、今回はサイズの大きなPNG画像をなるべくきれいな状態でサイズの圧縮をする方法です。

Tiny PNG」というサイトにPNG画像をアップロードすると、自動で変換されるのでダウンロードするだけ…というお手軽さ!

2016012303.jpg「Tiny PNG」サイトの「Drop your .png or .jpg files here!」のところにサイズ縮小したい画像をドラッグ&ドロップします。
または「Drop your .png or .jpg files here!」の部分をクリックして、画像を選択します。

2016012304.jpgアップロードすると自動で変換されますので、終わるまで待ちましょう。

2016012305.jpg圧縮が終わるとパンダさんがバンザイして「できましたよ~」とお知らせしてくれます( *´艸`)
何%サイズダウンしたかもちゃんと表示されます。

右側の「Download」をクリックすると保存できます。

2016012302.jpg
↑クリックして画像の違いを確認してください。

パッと見はほとんど違いはわかりませんが、よ~く見ると……劣化はしております……。
でも、これよく見ないとわからないくらいなので私にとっては許容範囲ですが…。

» 続きを読む…

WEB上でいろんな加工ができる「 PIXLR」

2015030801.jpgかなり高機能な画像編集がウェブ上でできる「PIXLR」を紹介します。

いろいろと触ってみるとかなりいい!
いろんなことができるし、とても使いやすいんです。

で、使い方などを説明しようかと思い触りまくっていましたが、説明するまでもなく、かなり簡単に、直感的に加工できるので、説明は省略することにしました。
(手抜きっ!)

「PIXLR」 http://pixlr.com/


「EDITOR」「EXPRESS」「O-MATIC」の3種類があり、それぞれ「Launch Web App」をクリックして始めます。



» 続きを読む…

エイプリルフールなのでGoogleさんが… 2014

2014040104.jpgGoogleさんと言えば……毎年エイプリルフールには楽しいコンテンツを用意してくれていますが…。

今年はスマートフォンで楽しませてくれました。
GoogleMapでポケモンゲットができます!

GoogleMapを開き、検索画面をタップすると「ゲームをはじめる」が出てきます。
(出てこない場合はアプリを最新にアップデートしてください。)

2014040105.jpg  2014040106.jpg  2014040107.jpg
ポケモンがいたらタップすると捕まえることできます。

2014040108.jpg「ポケモンずかん」も見れますよ。

息子が保育園の頃、「ポケットモンスター 赤・緑」バージョンが発売されました。
息子もこれで遊びました。
まだ字も全く読めない状態だったのですが、彼はこのゲームで文字を覚えました。
ひらがなより先に、「ピ」という字を見ると「ピカチュウの『ピ』や」とか「リザードンの『リ』や」とか、ポケモンの名前に入っているカタカナが読めるようになりました。

息子と私二人でポケモンゲーム頑張りましたよ!

……で…私が知っているポケモンは「赤・緑」バージョンに出てくるポケモンのみ。

このGoogle Mapに出てくるポケモンは………


全く知らない名前ばかりでした……il||li _| ̄|○ il||li


さ~て…何匹捕まえられるかな??


背景が簡単に透過できる「Clipping Magic」(「Hair」編)

2014年4月29日現在、正式バージョンとなり有料化されています。
ダウンロードするときに課金プランが出てきます。
(α・βバージョン中にサインアップしていた人は2014年6月14日までは今までどおり無料で使えるようです。)
無料での使用ができなくなりますのでご注意ください。


前記事で「Clipping Magic」についての簡単な使い方を説明しましたが、今回は髪の毛などのような細かい部分の切り抜き方について書いておきます。

可愛い子供の写真をfoterというフリーフォトサイトから拝借してきましたので、それを使用して使い方を大雑把に書いておきます。

20131119.jpg
左が元画像、右が子供のみ切り抜いたものです。
くるっくるの髪の毛も簡単にこんな風に切り抜けます。
私ではスキル不足のためか、よく見ると全部が全部うまく切り抜けているわけではありませんが、簡単にここまでできるのであれば、大大満足です♪

前記事の手順で髪の毛の周りも大雑把に切り抜いておきます。
2013111901.jpg
↑髪の毛がくるっくるのため、髪の毛周りがうまく切り抜けていません。

» 続きを読む…

背景が簡単に透過できる「Clipping Magic」

2014年4月29日現在、正式バージョンとなり有料化されています。
ダウンロードするときに課金プランが出てきます。
(α・βバージョン中にサインアップしていた人は2014年6月14日までは今までどおり無料で使えるようです。)
無料での使用ができなくなりますのでご注意ください。


画像編集していると背景を切り取りたい時ってよくありますよね。
これがけっこう面倒なんです……。

ところがWEB上で簡単に背景(不要な部分)と切り取ってしまえるという超おすすめサイトがありました!
「Clipping Magic」です。

例えば……こんなふうに残したい部分と切り取ってしまいたい色がくっきりしている場合は2回マウスを動かすだけでこんな状態♪
2013111601.jpg

ごちゃごちゃした写真でも、ハイ、この通り。
2013111402.jpg

簡単に使い方を説明しておきます。


» 続きを読む…

オンラインでフォトコラージュ「Photovisi」(2012年)


2年前に『オンラインでフォトコラージュ「Photovisi」』という記事を書きました。
その後使い方が少し変わっており、コメントで質問をいただいたりしましたので、再度記事にしたいと思います。

オンラインで簡単にフォトコラージュの壁紙を作ることができる「Photovisi」
使い方はとっても簡単♪
1.テンプレートを選ぶ
2.写真をアップロードする
これだけで、すてきなコラージュが完成♪
配置や大きさも任意に変えることができ、ちょっと写真を飾るにはモッテコイです♪

» 続きを読む…

エイプリルフールなのでGoogleさんが…

2012040101.jpgグーグルマップに「ぼうけん」モードが!

2012040107.gif世界中を冒険できるみたいです。

2012040102.jpgクリックすると、マップがテレビゲーム風になりました( *^艸^)

ゲームのことはよくわからないのですが、「ドラゴンクエスト」なの?これ。

2012040103.jpgゲームのことはわからなくても、けっこう楽しめます( *^艸^)

2012040104.jpgストリートビューはこんな感じに…。

なんだかアート風ですね(#^.^#)


2012040106.jpgモンスターもいるようです。

モンスター、たくさん見つけられるかな??



もうひとつ……
私的にはこちらの方が気に入ってます( *^艸^)

» 続きを読む…

平面画像が立体的になる!? 「3DEFY」



先日の記事の続きです。
これはこのサイトにシェアされていた作品をお借りしています。
私はセンスがないので、こんなにうまく作れませんが、簡単に平面的な画像をこんなふうに立体的に見えるようにするサイトです。

3defy20.jpg(←画面上にこのようなマークが出ている場合は、このマークをクリックしてください。)

3defy01.jpg3DEFYのトップページです。

【REGISTER】
登録して使うと、WEB上の画像やパソコン内にある画像を使って作ることができ、保存もできます。
登録しない場合は、サイト側で用意されているサンプル画像のみ使うことができ、保存はできません。
登録は無料ですし、IDを決めメールアドレスとパスワードを登録するだけですから、いろんな画像で楽しんでみたい方はぜひ登録してお使いください。

【3D MODELER】をクリックすると編集する画像を選んで始めることができます。

【HOW TO CREATE 3D MODELS】
こちらをクリックすると使い方の説明があります。
マウスの操作方法が主に書いてあります。
英文ですが、なんとなくわかると思います。
説明ページ上の【WATCH TUTORIAL VIDEO】をクリックすると動画で簡単な説明を見ることができます。

3defy03.jpg
登録画面はこんな感じ。

3defy02.jpgWEB上の画像を使う場合(Option1)とファイルをアップロードして使う場合(Option2)は登録していないと使えません。
登録している場合はトップページの【SIGN IN】からログインするか、この画面の「Login」をクリックしてログインした上で使用してください。

登録しない場合は(Option3)のサンプルイメージから選んでください。

以下、簡単な使用方法を書いておきますが、画像はこのサンプルイメージから使わせていただきます。

» 続きを読む…

立体的に見えるかな?

おもしろいサイトを見つけました!
(↓ 読み込みにかなり時間がかかります。)


2012022202.jpgちょっと技術とセンスがいるので(?)、私には上手くできないのですが、画像が3Dに見えるようになります。

↑これ、多少は立体的に見えますか?

左が元画像です。

詳しくは後日……。

本日は手抜き更新にて失礼いたしましたm(__)m

画像加工無料オンラインサービス『iPiccy』

ipiccy01.jpg
をクリックするとサイトに飛びます)

ipccy02.jpg
(いつものお決まり文句ですが……)
オンラインでこんな画像編集が簡単にできるサイト『iPiccy』を紹介します。

» 続きを読む…

プロフィール

れん

管理人:れん
写真は下手の横好き。
そのせいか、画像編集ソフトで写真を弄ぶのも大好き♪
思いついたことを気の向くままに書いています。
カレンダー
11 | 2016/12 | 01
- - - - 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
最新の記事
最近のコメント
カテゴリ
月別アーカイブ
12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05 
お気に入り
リンクしてね♪
トラックバック
記事について
フリーソフト・WEBアプリなどの紹介記事は紹介した時点のものです。
バージョンアップ、その他で使用方法などが変更されている場合があります。
また,紹介時点ではフリーだったものが有料になっているものもあります。
記事には日付が表示されていますのでご確認ください。
あまり古い記事は参考にならない場合も多いと思います……(T_T)
ブログ管理MENU
いらっしゃいませ~
検索フォーム
メールはこちら
こちらのメールフォームもご利用ください。
アイコンをクリックするとメールフォームが開きます。
返信の必要な場合には必ずメールアドレスをご記入下さい。
メールはこちら
月間アクセスの多い記事 
ブログパーツ
月間リンク元ランキング
スポンサードリンク
おすすめ
・楽天市場
・eBOOKOFF
・FUJICOLORプリントおとどけ便
・インターネットで「デジカメプリント」
・ジャパネットたかた
・住信SBIネット銀行
・楽天銀行
・OLYMPAS ONLINE SHOP
・Yahoo!ショッピング
・上海問屋


楽天トラベル株式会社

デル株式会社

エプソンダイレクト株式会社

ホームセンターのコメリドットコム

プレミアム バンダイ

太る原因
FLAG COUNTER
Free counters!
このページのトップへ