俺ロ（おれろ）のブログ一覧

今回は・・・
先日掲載しました「ﾌﾞﾛｸﾞ本文中の写真多投稿化」についての続きです。

2枚目以降の写真ｻｲｽﾞを自由自在に変えちゃお～　・・・ってｺｰﾅｰですよ。ﾊｲ。

ﾝﾏｰ　ｺｺら辺まで来るとね、既に御存知な方も多いかと思います。・・・そゆ方はｽﾙｰしちゃってね。(^ﾛ^;)ゞ



私のように写真ﾃﾞｰﾀをｸﾘｯｸし、「拡大⇔収納方式」を適用されてる方には
必要ないと思いますけど・・・ﾝﾏ～ﾈ～　真似するには複雑ですよね、ﾒﾝﾄﾞﾘですよね。

「掲示板に吸い込んだURLﾃﾞｰﾀを、ただ単純に貼り付けるだけでｲｲｼﾞｬﾝ」ってな方が
大多数だと思います。
でもね、写真ﾃﾞｰﾀの横幅が大きすぎちゃうとね・・・
右側にあるﾌﾟﾛﾌのﾗﾍﾞﾙみたいなのが「下↓」の方に追いやられちゃってﾍﾅﾁｮｺですよ。

試しにね、私も横幅800のﾃﾞｰﾀを吸い込んでみました。





(;゜_゜)う～ん・・・

やっぱり、ﾍﾅﾁｮｺですよ。
2枚目以降は少し加工処理した方がｶｯﾁｮ宜しいですわ。

ﾝﾏｰ　この「下↓」に追いやられるﾗﾍﾞﾙの改善方法でもあるかな～



・・・では、私が現在活用している処理方法を伝授しますね。
今後の投稿内容のﾚﾍﾞﾙUPに繋げていただければ幸いかと思います。ﾃﾞｽ。










まず始めに、先日ご紹介した「写真多投稿化」を御覧下さいﾈ。

①～⑪まで・・・各自でﾊﾟﾁﾘ☆した写真ﾃﾞｰﾀをURLﾃﾞｰﾀとして吸い込み
2枚目の写真が「画面確認」できる状態まで持ってきて下さい。



・・・出来ました？　準備OK!?
ｺｺでね、ﾎﾟｲﾝﾄとなるのは大きな写真ﾃﾞｰﾀを取り込んでみる事かな～












①ﾌﾞﾛｸﾞの編集画面で、写真ﾃﾞｰﾀのﾋﾟｸｾﾙｻｲｽﾞを決めちゃおう。


　私もね、素人ですから詳しい説明は出来ませんが・・・
　画像を編集するﾌﾟﾛｸﾞﾗﾑみたいな言語(ﾀｸﾞ)を書き加える必要があるんです。

　貼り付けてる写真ﾃﾞｰﾀで言うﾄｺの・・・囲んでる部分ですね。
　「width="" height=""」を挿入するんです。

　一応説明しますとね・・・
　「width」は横方向のﾋﾟｸｾﾙ指定、「height」は縦方向のﾋﾟｸｾﾙ指定です。

　さぁ「***」の部分に表示させたいﾋﾟｸｾﾙ数を入れちゃいましょう。












②ﾌﾟﾛﾌのﾗﾍﾞﾙが・・・戻ってきた～　＼(^◇^)／


　ﾊｲ。どぉ?　出来ました？

　ちなみにね、800×600ﾋﾟｸｾﾙの写真データを
　「width="560" height="420"」横560×縦420ﾋﾟｸｾﾙで表示してみたんだ～

　その他にね、「700×***」とか「600×***」とか試してみたんだけど
　ﾗﾍﾞﾙが戻ってくる横のｻｲｽﾞは560以下みたい。
　でもね、このままでもﾍﾟﾀﾍﾟﾀのｶﾂｶﾂ。・・・ちょっと窮屈ですね。　あはは(^_^;)

　も少し絞ってみましょうか。












③2枚目の写真が・・・すっきり。　・・・う～んｶｯﾁｮｲｲ!!

　800×600ﾋﾟｸｾﾙの写真データを
　「width="480" height="360"」横480×縦360ﾋﾟｸｾﾙで表示してみました。

　隙間も開いて・・・とてもｲｲ感ずぃ。
　横幅はさ、500までが私的には Good!! (￣▽￣) b

　さぁ、これを機に・・・皆さんも写真投稿化への道に・・・ﾚｯﾂらGo!!






















　びよ～～～ん！！

　おっと・・・言い忘れてました。(゜ﾛ゜;)


④写真のｻｲｽﾞ調整は、「縦×横」同率でのｻｲｽﾞ調整が必須です。

　ちょっと遊んでみましたよ。　こういう使い方も出来ます。
　800×600ﾋﾟｸｾﾙの写真データを
　「width="100" height="360"」横100×縦360ﾋﾟｸｾﾙで表示してみたんだ～

　う～ん・・・(゜_゜;)

　画像的にはﾀﾞﾒﾀﾞﾒですが・・・　個人的にはｿｳﾅﾘﾀｲ願望ですな。












　ぼってり・・・！！

　も1つｵﾏｹに遊んでみました。
　800×600ﾋﾟｸｾﾙの写真データを
　「width="400" height="100"」横400×縦100ﾋﾟｸｾﾙで表示してみました。

　うっ・・・(=_=;)

　ｺｲﾂも画像的にはﾀﾞﾒﾀﾞﾒ・・・　まるで自分自身を見てるかの様。



　・・・と、いう具合ですわ。
　入力する数字はさ、ﾀｸﾞの入力方法で「％処理」も出来るかもしれないんだけど・・・
　私はまだ・・・ｿｺまでの知識が無いもので・・・ｺﾞﾒﾝｸｻｲｆ(^o^;)

　電卓で叩いた数字を入力するのが手っ取り早いかもね～。




















～番外編～



⑤横幅800超過の写真のｻｲｽﾞは・・・縦幅800へ変換されちゃいます。

　このﾈﾀを投稿しようと試行錯誤してる時に偶然発生した事実なんだけど・・・
　900×675ﾋﾟｸｾﾙの写真データを掲示板に取り込むと・・・
　強引に800×600ﾋﾟｸｾﾙに変換されちゃいました。

　うむむ・・・ﾅﾙﾎﾄﾞね～(゜_゜;)

　確かに表示できるｻｲｽﾞには限界がありますからね・・・　勉強になりましたよ。

!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~。「」、・゛゜、。，．・：；？！゛゜´｀¨＾￣＿ヽヾゝゞ〃仝々〆〇ー―‐／＼～∥｜…‥‘’“”（）〔〕［］｛｝〈〉《》「」『』【】＋－±×÷＝≠＜＞≦≧∞∴♂♀°′″℃￥＄￠￡％＃＆＊＠§☆★○●◎◇◆□■△▲▽▼※〒→←↑↓〓∈∋⊆⊇⊂⊃∪∩∧∨￢⇒⇔∀∃∠⊥⌒∂∇≡≒≪≫彡√∽∝∵∫∬ʼn♯♭♪†‡¶◯ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφψωАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюя─│┌┐┘└├┬┤┴┼━┃┏┓┛┗┣┳┫┻╋┠┯┨┷┿┝┰┥┸╂①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ㍉㌔㌢㍍㌘㌧㌃㌶㍑㍗㌍㌦㌣㌫㍊㌻㎜㎝㎞㎎㎏㏄㎡㍻〝〟№㏍℡㊤㊥㊦㊧㊨㈱㈲㈹㍾㍽㍼≒≡∫∮∑√⊥∠∟⊿∵♦◊♠♣♦‹›‰•€™∏≈¡©®¿艸





・・・「携帯TELのデータ」＋「何処かのサイトの」をコピーしてみた。

これで・・・少しは顔文字に表情が増えるな～


(;=_=) =3 ﾂ･･･ﾂｶﾚﾀ･･･

写真データーは・・・2枚目以降は、URLデータとして引っ張ってこないと
ブログ本文中に取り込めません。

「いままで貼り付けたいけどダメだった方々」がおられるかと思います。

このたび、「掲載方法を教えて欲しい。」と要望がありました。
また、現在もブログの質を高めたいと切磋琢磨している猛者の為
私の知る限り・・・我流で積み上げた「虎の巻」をココに記録しておきます。

ご自由に活用ください。












①まず、「My掲示板」を開きます。












②次は、ブログ本文中に貼り付けたい「写真データ」を取り込みます。

　何でもイイです。
　「タイトル」と「メッセージ」を入力しましょう。

　その後、各自ＰＣ内に保管している「写真データ」を参照します。












③取り込むデータを選んで「開く」を押します。












④ファイルが取り込めましたね？

　では、「削除パスワード」を入力し「メッセージ投稿」を押しましょう。

　掲示板投稿と同じ方法ですよ。












⑤掲示板内に写真データが取り込まれました。












⑥「小さい写真データ」の上(×印あたり)で「左クリック」押してみましょう。

　すると写真が「もとのサイズ」まで大きくなるはずです。
　ここで「大きい写真データ」の上（△印あたり）で「右クリック」を押し
　「プロバディー」をクリックしてみましょう。












⑦するとこの大きい写真の「URLデータ」が出てきます。

　このURLを「コピー」してくださいね。












⑧ブログ編集画面に行き、「画像」ボタンを押します。












⑨先ほどの「大きい画像のURL」を貼り付けて「OK」ボタンを押しましょう。












⑩ブログ編集画面に画像データが記載されますよ～　出来ました？？

　さぁ、「確認画面」ボタンを押してみましょう！！












⑪ほら、原寸大の2枚目投稿が完成しました～　(^o^ﾉﾉ ﾊﾟﾁﾊﾟﾁ☆~

　でも、気をつけてね。
　このヤリ方だとさ・・・横のピクセルが大きすぎると
　カレンダー覧が下へ押し下げられちゃってチョコットみっともない感じ。

　投稿する前にピクセルサイズをチェックした方が良いかもね。












⑫次は・・・私が活用している方法です。

　再び「掲示板」へ戻ってください。
　「小さい写真データ」の上で「右クリック」⇒「プロバディー」⇒「URL」を表記させます。
　もちろん、このURLを「コピー」してね。












⑬ブログ編集画面で「画像」ボタンを押し、先ほどのURLを貼り付けOKボタンを押します。












⑭確認画面で見ますと小さい写真データが張り付きました。

　これ・・・私のブログでよく見かけるでしょ！？
　大きい画像データを投稿するので縦に間延びしちゃうから
　ワザト小さい写真形式にしてるんですわ。

　でもね、このままだと写真が小さいまま。

　本来の大きい写真が見れませんから寂しいです。
　ですから、この「小さい写真データ」に「大きい写真データ」をリンクさせるんですよ。












⑮大きい写真データの「アドレス部分」をコピーします。

　こんどはチョットチガイマス！！
　「プロバディ⇒コピー」じゃなくって、「アドレスコピー」この部分がミソなんですわ。
　この成果は後で理解できますよ。












⑯ブログ編集画面の「小さい写真データ」全体を囲んで、「リンク」ボタンを押し
　先ほどの「大きい写真データのアドレス」を貼り付けOKボタンを押します。












⑰「小さい写真データ」がこのように上書きされました。

　ここまで来れば・・・もう、既に完成です。
　さぁ、確認画面に行ってみましょう。












⑱小さい写真データの上にカーソルを持っていきましょう。

　画面下に・・・ほら、リンクしてるURLが浮び上がりますね。
　完成です。ご苦労様でした。

　さぁ、左クリックを押してみてください。












⑲小さい写真が・・・大きくなっちゃった～(by マギー俺ロ)

　どぉよ。　なかなかイカス！！

　でもね、これで終わりじゃないのよ。
　普通なら右上の「×」印でウインドウを閉じるんだけど
　私の場合はソコまでカーソル持って行かなくってもOKです。
　大きくなった写真の「絵」の部分ならどこでも左クリックで小さくなりますよ。
　お試しくださいな。












⑳収納完了！！

　・・・という具合です。
　
　写真をｲｯﾊﾟｲ掲載投稿しちゃうとね、持ちネタが無くなるから気をつけてくださいね。










どぉ！？　イズｻﾝ分かった？？

ためした結果・・・連絡チョウダイね。










本日コメントいただいた方々・・・今日はもうﾁｶﾚﾏｼﾀ。
コメント返せずゴメンナサイ。

後日ユックリとお返ししますね。





(;゜ﾛ゜)ｱﾜﾜ　もうこんな時間だよ～　風呂入らなきゃ・・・

めろんぱんさんの紹介を参考に　

私も絵文字ＧＥＴできました。　

あとは、日々活用していかなくちゃ･･･　


めろんぱんさん。

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


この記事は、i絵文字 GET について書いています。