アフィピク登録

【画像初心者講座】画像のサイズを変更する方法

ブログの見た目をUPするには、
画像を効果的に使っていきたいですよね。
画像の使い方がいまいちわからない~;;
というあなたのために、ららがやっている方法をご紹介します。

 

ちょっとかっこいい画像を
ゲットしたぜ~ d=(´▽`)=b 

 

と思って、
さっそくブログに取り入れてみたものの、
 

で、でかい… ( ̄▽ ̄;)
 

て、なったこと、
ありませんか?
 

せっかくのかっこいい画像も、
大きすぎたり、小さすぎたりしたら、
せっかくのブログが台無しですね。
 

そんなときは、
こんなふうにすると、
画像の大きさを変えることができます。


これは、ららのアバターの画像です。
ちょっと挿入してみました。

かなりデカいです。

このままじゃ、記事の中で使おうにも使えないので、
ちょっと小さくしたいと思います。

このアバターを挿入した時に、挿入されたコードは、
このようになっています。

赤く囲ったところを注目してください。
これが、画像のサイズです。

widthが横幅・heightがタテのサイズになります。
この数字を小さくした分だけ、画像も小さくなります。

たても横も半分のサイズに変えてみたいと思います。

記事の編集画面から、直接書き換えます。
※赤枠以外の部分は、ここでは気にしないでくださいね

そうすると…


こんなに小さくなりました~ ヽ(´▽`)ノ

これなら、記事の中で効果的に使うことができますね。

もしも、こんなふうに、width と height の記述がなかったとしたら、

一番最後の /(スラッシュ)の前に、直接書いちゃってください。

数字を「”」(ダブルクォーテーション)で囲むのをお忘れなく^^

 

画像のサイズを変更する方法でした。

 

あのぉ、質問なんですけど、
サイズを書き換える時、
さっきみたいにタテとヨコが同じならわかりやすいですけど、
150と68 とかの場合は、どうやって計算したらいいんですか?


あら、いいところに気が付きましたね~。
次回はその、計算の仕方をご紹介しますね。
 


私、計算苦手なんです~;;
 


大丈夫ですよ。
とってもいい方法があるんです。
 

 

NEXT
 【画像初心者講座】画像のサイズ 同じ比率で変更する方法 

 

 

ららサポート

ららの無料レポート

無料オファー攻略レポプレゼント

この記事を読んだあなたには、こちらの記事もオススメです☆

 




最後まで読んでいただき、ありがとうございました。
このブログを「いいな」と思ったら、
下の白いボタンを、1回クリックしてくださいね。
ららに一票入って、人気ブログランキングに飛びます
↓ ↓ ↓

ありがとうございます☆ あなたの1票が、励みになってます^^

 

↑ この動くアバターは、こちらで作っていただきました。
あなたのアバターに命を吹き込む「四次元アバター」

 

「記事が書けない」「ネタが浮かばない」「手が止まってしまう」
そんなあなたへ。
このままだと、せっかくの稼げるチャンスを失ってしまうかも。
そうなる前に、記事の書き方を勉強してみませんか?
満足度98%、ブログ初心者さん向けのライティング教材が好評です。
>>関連記事はココをクリック

 

15 Responses to “【画像初心者講座】画像のサイズを変更する方法”

  1. ぜん より:

    ららさんこんにちは~。ぜんです。

    サイズ変更といってもいろいろパターンがあるんですね。
    画像関係は苦手意識があるので、勉強させてもらいます。

    応援です!

  2. hana より:

    こんにちわ hanaです

    お久しぶりです☆

    画像のサイズ変更って ほんとタグからやるのって
    あまりよくわかりませんでした(苦笑)

    数字の書き換えすればいいのはわかるんですけど
    割合となるとチンプンカンプン

    次回の記事楽しみにしてます♪

    応援です☆

  3. ぬのみぃ@脱初心者講座を運営中! より:

    ららさん
    ぬのみぃです。

    画像に関する記事も
    とてもためになりますね♪

    勉強になります(*^^)

    画像は苦手な人も多いですので
    ありがたい記事ですね。

    また伺いますね!

    応援ぽち^^

  4. RENSUKE より:

    ららさん

    こんばんは。
    RENSUKEです。

    こういう風にソース関係を
    いじるのは怖いものですよね。

    特に初心者さんには・・・
    私もそうでした。

    このようにきめ細かな説明は
    多くの方に喜ばれるでしょうね^^

    応援で~す(^o^)

  5. RARA より:

    ぜんさん

    ご訪問&コメントありがとうございます。

    >画像関係は苦手意識があるので、勉強させてもらいます。

    お役に立てれば嬉しいのですが。
    私も日々勉強です^^

    応援ありがとうございました。

  6. RARA より:

    hanaさん

    ご訪問&コメントありがとうございます。

    >次回の記事楽しみにしてます♪

    ありがとうございます(*^_^*)
    そう言っていただけるとすごく嬉しいです♪

    応援ありがとうございました。

  7. RARA より:

    ぬのみぃさん

    ご訪問&コメントありがとうございます。

    >画像は苦手な人も多いですので
    >ありがたい記事ですね。

    ありがとうございます。
    そう言っていただけると、とても嬉しいです。
    私ももっと勉強しなきゃって思います。

    応援ありがとうございました。

  8. RARA より:

    RENSUKEさん

    ご訪問&コメントありがとうございます。

    >こういう風にソース関係を
    >いじるのは怖いものですよね。

    そうですよね。
    私も最初のころは、
    何度も失敗して頭をかきむしりました^^;

    応援ありがとうございました。

  9. ららさん

    こんばんは!ぽちです^^
    いつもありがとうございます♪

    HTMLもこんなところから触っていけば
    わかりやすいですね!

    >「”」(ダブルクォーテーション)

    など、読み方をカタカナ表記してくださるのは
    うれしいです~(*´∀`*)

    ぽちっと応援・・・*

  10. RARA より:

    ぽちさん

    いつもご訪問&コメントありがとうございます。

    >「”」(ダブルクォーテーション)
    >など、読み方をカタカナ表記してくださるのは
    >うれしいです~(*´∀`*)

    ありがとうございます。
    やりすぎだったかしら?
    どなたかのお役に立てれば嬉しいんですが^^

    応援ありがとうございました。

  11. ららさん
    おはようございます、ウエポンです。

    画像のサイズを変えられるようになっただけでも、
    なんか成長した感じになりますよね!

    世の中の90%以上の人がHTMLを見て逃げ出すでしょうから。
    数値をちょちょいと変えられるだけでも、
    一人前の気分ですね。

    応援ぽちっ

  12. 抹茶 より:

    ららさん、こんにちは。
    抹茶です^^

    画像はブログ運営で必要になってくるので
    サイズ編集は必須のスキルですね。

    とても分かりやすく
    僕も最初にららさんのこの記事を読みたかったです^^;

    タグってなれるまで
    本当に意味がわからないし
    ちょっとした記入ミスで全然反映されないので
    苦手な人も多いですよね。

    次の計算の記事楽しみにしています。
    実は僕もよく分かっていません^^;

    応援です。

  13. […] こちらの記事も一緒に読まれています。 【画像初心者講座】画像のサイズを変更する方法 […]

  14. […] 画像のサイズを変更する方法 画像のサイズ 同じ比率で変更する方法 画像のキャプチャのしかた ~WinShotの使い方 WinShotでキャプチャした画像を整理する方法 […]

  15. […] 画像のサイズを変更する方法 画像のサイズ 同じ比率で変更する方法 画像のキャプチャのしかた […]

コメントを残す

サブコンテンツ

このブログについて

プロフィール

情報商材アフィリエイト

ららです。
高校生と中学生の2人の子供がいる、40代主婦です。
主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、
月6ケタの目標を達成することができました。

あなたと同じ目線の、安心できるブログを目指してます。
お気軽にメールくださいね。

詳しいプロフィールと実績はこちら




応援よろしくね♪

メールはお気軽に


ららに相談したいことなどがありましたら、お気軽にどうぞ。
些細なことでもアホらしいことでも、大歓迎です♪
>>ららにメールを送る

カテゴリー

YouTubeやってます

このバナーをクリックして、
チャンネル登録してください♪


ららの愛用品

サーバーやらドメインやらパソコン回りの品など…。ららはいったい何を使っているの?
実際に使っている物をご紹介します。
ららの愛用品ご紹介

相互リンクについて

2015年10月をもちまして、相互リンクのページは終了いたしました。
理由は
・昨今のSEO事情では、相互リンクが有益ではないこと
・リンク先の閉鎖が相次ぎ、機能を果たさなくなったこと
です。
相互リンクしていただいたブログ様、長いあいだありがとうございましたm(_ _)m

このページの先頭へ