HTML画像のサイズを変更して保存するタグ

Question

画像は500x500ピクセルです。サイズを変更して200x200ピクセルとしたいとします。私が使用します。

<a download="mypic.png" href="mypic.png" title="ImageName"> 
    <img alt="ImageName" src="mypic.png" width=200> 
</a> 

と私はそれが新しい次元で上記画像を保存しようとしていますが、私はそれをクリックしたとき、それは、元のものと、それが保存されます...私はこれをどのように修正することができますか？

Answer 1

css（これはクライアント側）を使用してイメージのサイズを変更していますので、ブラウザウィンドウのサイズを200pxに変更しましたが、サーバーイメージは物理的に変更されていません。

ダウンロードリンクは、通常のサイズの原稿をダウンロードするだけです。

サーバー側のサイズを変更するには、サーバーやコード/システムのサイズを変更する必要があります。自分のような初心者の場合は、大きな注文になります。

彼らはこれを行う他の方法ですが、あなたのユースケースを知らずにアドバイスすることは不可能です。

1つの解決策は、イメージURLをラップして、それを操作するオンラインイメージリサイズAPIのようなものです。

な

http://rsz.io/

としてこれを使用すると、彼らはそれがあなたのURLが含まれて提供新しいURLを追加できるようにする必要があり、次のように、彼らは自由のためのあなたのためのリサイズを行うだろう

<a href="https://i.pinimg.com.rsz.io/originals/e6/9e/50/e69e504fa3ad6c5a5ded9ec199795fa7.jpg?width=200" download>Save!</a> 

Acordingそこにあなたはあなたの画像のURLにrsz.ioを追加してから使用するのですか？ width = 200などのメソッドを適用するには、上記のドキュメントを参照してください。

私はアフィリエイトではなく、サービスに関連していません。