画像– tag –
-
[Photoshop] 網掛け画像の作り方
画像に文字を乗せる際に便利な網掛けフィルター。テーマによっては、ワンクリックで適応できる物もありますが、通常はCSSで設定しますが、手軽に画像自体を加工する方法... -
[WordPress] 右クリック禁止で画像とテキストを守る
丁寧に作った商品画像を悔しい事に勝手に使用する通販サイトがあります。右クリック出来ない様にして防衛しています。回避策はあるので、完全に封じ込めませんが、少な... -
おしゃれなダミー画像 Lorem Picsum
サイト制作で、とりあえず画像を入れたい。でも見栄えも拘りたい。いちいちダウンロードしてトリミングするのは面倒ですよね。URLを書くだけで好きなサイズ、ぼかし、白... -
画像にwidthとheightを書いてSEO対策
PageSpeed Insightで、「画像要素で幅と高さを明示的」「widthとheightが明示的に指定されていない」と叱られました。サイズを記載する事はSEOの観点から見ても重要だそ... -
画像圧縮 おすすめツール2選 Squoosh ,Tiny PNG
PageSpeed Insightsに気に入られよう画像は軽量化する必要があります。最近はPageSpeedがWebPの使用を推奨してきます。無料で軽量化や変換ができるツールをご紹介します... -
デバイスサイズで画像の入れ替えをする。Jsを使わずに
レスポンシブデザインに対応させる為、デバイス毎に表示する画像を変えたい事もあるでしょう。JavaScriptを使用した方法もありますが、HTMLだけの方法をご紹介します。... -
[Acrobat] PDFのトリミング トンボの削除も
あまり必要な機会が無いと思いますが、PDFの余白の削除をする方法をシェアします。Acrobat X Proを使った方法と、無料ソフトをご紹介します。誰でも印刷しやすいデータ... -
SVGファイル 変換方法 あれこれ
最近、SVGをサポートするブラウザーが増えたので、使う機会が増えてきていると思います。ロゴなど、拡大縮小する事で、淵がぼやけたり、ギザギザを避ける為にも、ぜひ使... -
[WordPress]サイトの画像をWebP化する
WebP(ウエッピー)とはGoogleが開発し、推奨している圧縮率が高い画像のフォーマットの事だそうです。jpgやpngなどと同じ画像の軽い版でサイトの表示速度を速めるのに効... -
[WordPress] SVGをアップロードする方法
ロゴなど画像のぼやけが感が気になりませんか?WordPressで使用するロゴを作る場合、JPGやPNGで作る場合が多いと思います。Retinaディスプレイ端末(キレイな画質の端末...