画像URL直接リサイズ 方法

質問

Web上で表示される画像のURLについて、URL部分に何かを加えて元画像より大きくしたり小さくしたりするURLを作成することは可能でしょうか？

例えばこの画像URLに直接何かを加えて新たに画像URLを作成するというイメージです。
http://cdn.oshiete.goo.ne.jp/images/common/oshiete_goo.png
(この画像は大きさが230×230で、これを500×500にしたいなど/png・jpeg画像不問)

また、不可能であれば、画像URLのリサイズソフトなどはあるでしょうか？

どなたかご存知の方がいましたらご教授ください。
PCに関して初心者レベルですので、詳しく教えていただけると幸いです。

よろしくお願いいたします。

回答No.1

eden3616 · ベストアンサー

オンラインでの画像編集ソフトはいろいろありますが「Pixlr.com」がおすすめです
http://pixlr.com/editor/

(1)「画像URLを開く」で画像のURLを指定してください
(2)「画像」から「画像サイズ」を選択してください
(3)変更する画像サイズ（ピクセル）を入力してください
　このとき縦と横の比率を変えて画像サイズを変える場合は「縦横比を固定」のチェックを外してください
(4)「OK」で画像サイズが変更されます
(5)「ファイル」から「保存」でパソコン内に画像を保存することができます
　このときpicasaなどを選ぶとログインフォームが表示されます
　あらかじめ登録した情報でログインするとオンラインストレージに直接画像をアップロードすることができます
　各サービスの画像共有機能でURLを生成すれば、URLで知人に見せることも可能になります

参考URL：

http://matome.naver.jp/odai/2132309415802692201

お礼

ありがとうございます。
色々な種類があるんですね。
参考にさせていただきます。

回答No.3

Kaneyan-R

URLは単に「場所」を表しているだけなので、画像そのもののサイズは変わりません。

ですが、JavaScriptで画像サイズ変えれば、出来なくはない。

以下、ソース例
----------------------------------------------------

<IMG src="画像のURL" id="image0"> //←画像を表示しておく。
<A href="javascript:small_img();">小</A> //←小をクリックすると、small_img()で設定したサイズ（230x230）になる。
<A href="javascript:large_img();">大</A> //←大をクリックすると、large_img()で設定したサイズ（500x500）になる。

<SCRIPT type="text/javaScript" language="JavaScript">
objimg = document.getElementById('image0');

function small_img(){
objimg.width = 230;
objimg.height = 230;
}

function large_img(){
objimg.width = 500;
objimg.height = 500;
}
</SCRIPT>

----------------------------------------------------

リンク作っておいて、別のウインドウで開きたいなら、「window.open()」使って新規にウインドウ生成して、その中に「document.write()」や「document.body.innerHTML = 」で、サイズ指定したimgタグを書き出せば表示されます。

っと書いては見たけど、ホームページスペースの自前サイトならできるけど、ブログなんかだとJavaScriptとか規制されてるだろうから、使えなかったら出来ないですが。

お礼

ありがとうございます。
JavaScriptでそんなこともできるんですね。
参考にさせていただきます。

回答No.2

dragon-man

web上の画像のリサイズ方法はありません。もともとのHTML記述でやらなければ駄目です。htmlの知識が必要です。

こういう仕掛けは、普通は大小二つの画像を使います。小さい方の写真を表示して、その画像に大きい写真のリンクを張っておくのです。具体的には、
<a href="大きい写真.jpg" target="blank">
<img src="小さい写真.jpg" ></a>

大きい写真だけにして、小さい写真の代わりに小さく表示する手もありますが、
<a href="大きい写真.jpg" target="blank">
<img src="小さい写真.jpg" width"300" heigth"200"></a>

最初の大きい写真のダウンロードに時間がかかるのでやめた方がいいです。面倒でも最初のやり方にした方がいいです。

お礼

ありがとうございます。
もう少しHTML勉強してみます。