たつブロスマートフォン用の表示で見るたつブロアラフォーWebデザイナーの福岡のグルメや日々についての事など、いろいろ雑多なブログです。ブログ関係-カスタマイズソフト不要!画像補正がここまでできる!!どうも、たつとらです。普段、皆さんはブログを書くときにトップの画像、アイキャッチ画像やブログの途中に画像を差し込んだりしていると思います。ボクは一応デザインの仕事をしている(そろそろブログもカスタマイズしたいのですが、記事を書くことで精一杯になっています...)のでPhotoshopというソフトを使って撮影した画像を補正したりしていますが、持っていない人も多いでしょうしブログを書きながら、「ちょっと画像に雰囲気を加えたい」、「画像にインパクトを与えたい」などを思っている人もいるに違いません。そこで、はてなブログ上で誰でも画像の補正や、加工が簡単にできる方法を紹介したいと思います。補正したい画像を差し込む画像の明るさを変更するコントラストを調整する彩度(画像の鮮やかさ)を調整する画像を白黒(モノクロ)にする画像をセピア調にする画像をぼかす画像を透明に(薄く)する画像に影をつける画像の角を丸くするまずは、補正したい画像を差し込むまず加工したい画像をブログに配置します。そのあと、編集画面の上のタブにあるhtml編集を押します。<>の部分の中の最後に【style="〜"】をいれるだけで好きなように補正や加工ができます。【style="〜"】の中を変更するだけで「明るさを変更する」、「コントラストを上げる」、「画像を白黒にする」等いろいろできます。{}の中だけをコピーして下さいを上で指名した場所に差し込みます。値が0%のときが真っ黒で100%が元の明るさです。100%以上だと元の画像より明るくできます。200%のときは画像が2倍の明るさになります。{}の中だけをコピーして下さい明るさと同じく、%で指定します。値を0%にするとグレー1色になります。100%で元の画像で、値を大きくすることによって画像のコントラストが大きくなります。200%のとき彩度(画像の鮮やかさ)を調整する画像の色の彩度を調整します。{}の中だけをコピーして下さい値が0%の場合は色彩がなくなり(無彩色)、100%が元画像で100%を超えると画像が元の画像より鮮やかになります。{}の中だけをコピーして下さい上のコードを差し込めば、画像を白黒(モノクロ)にできます。値が0%の時が元の画像で、100%にすると完全な白黒画像になります。{}の中だけをコピーして下さい上のコードを差し込めば、画像を昔風の赴きのあるセピア調にします。0%が元の画像で、100%で完全にセピア色になります。{}の中だけをコピーして下さい上のコードを差し込めば、画像をぼかすことができます。pxの値が大きくなるほど、ぼかしの度合いが強くなります。{}の中だけをコピーして下さい画像を透明に(薄く)します。100%の時が元の画像で、0%で画像が全く見えない透明になります。{}の中だけをコピーして下さい画像に影をつけて浮かします。この値は、最初の数値がx軸(値を増やす程、右側に影が増える)、次がy軸(値を増やす程、下側に影が増える)、次が影のぼかしの量(多い程、影がぼけます)最後が影の色です(普通に黒の場合は#000)。{}の中だけをコピーして下さい画像の角を丸めることができます。0の場合が角が四角で大きくする程、角が丸くなっていきます。10pxのとき以上、はてなブログでもできる色々な画像補正でした。普段のブログからちょっとしたアクセントを付けたいときなどにオススメです。コードを追加すれば組み合わせもできます。紹介した他にも画像補正ができるのもあるので、その都度紹介していけたらと思います。23:31ちょっと画像にアクセントをつけたい場合に【はてなブログ】上でも画像補正が簡単にできる!Tweet関連記事2019-01-17誰でも簡単にできる、altタグなどSEOに必要な設定【初心者でもSEO対策4】どうも、たつとらです。「初心者でもSEO対策」も4回目になり...2018-12-31今年(2018年)の漢字は【望】。将来に望みを持つことができた1年どうも、たつとらです。仕事納め後、体調を崩しましてこれが今...2018-12-13絶品の「明太フランス」がある福岡の糸島で美味しいパン屋をご紹介【糸島グルメ(2/2)】どうも、たつとらです。今年もFAの【人的補償選手】に注目していきたいどうも、たつとらです。前回、記事の中で紹介した「2018-...2018-11-29ブログを【投稿する時間】は重要?アクセスアップのために時間を調整して試してみるどうも、たつとらです。明日!2018年ドラフト会議。はてなブログPro福岡住み阪神タイガース好きのアラフォーwebデザイナーが福岡のグルメやそのとき書きたくなった記事等、いろいろ興味があった事を書く雑記ブログです。ファンからも愛されたノムさんの...「はてなブログ」でも使える無料デザインツール【Ca...もっと見るお問い合わせお問い合わせはこちらから月別アーカイブプライバシーポリシープライバシーポリシーリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!ryurou-shima1126さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。