appstoreのアプリにリンク貼ろうと
appstoreダウンロードバッジ素材

App Store マーケティングガイドライン – Apple Developer
からダウンロードバッジをダウンロードしてみたところ中身は.svgでした。

お恥ずかしながら.svgて使った事なかったのですが、現在は普通にimgタグに指定すれば表示される様子。

確かにローカルではこれで大丈夫でした。
で、目的のサーバーにアップロードしてモバイル端末で確認してみると、svgが正方形の枠だけで中身が表示されていない…

.svgの中身を貼り付けたら表示されるけど、cssでのサイズ指定が無視されるようで使いづらい。

どうやらサーバーの設定が原因みたいで、.htaccessに
[text]
AddType image/svg+xml .svg
AddType image/svg+xml .svgz
[/text]
を追加したら無事表示されました。

めでたしめでたし。

ちなみにgoogleplayのダウンロードアイコンはここから作れます。
Google Play Badge Generator | Android Developers

googleplayダウンロードアイコン


コメントを残す

メールアドレスが公開されることはありません。

You can add images to your comment by clicking here.