WordPress等でブログ記事を作成する場合に書き初めに画像を挿入しますね、この方がインパクトのある書き出しになります。 作り方は簡単です、フリー写真素材サイトで貰った写真をInkscape(インクスケープ) でトリミング(切り取り)して貼り合わせて作ります。
![Inkscapeで写真の切り抜き方や内側も切り抜く方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/58618636b0f379144893265142d0fd9e449f2b92/height=288;version=1;width=512/https%3A%2F%2F11874.click%2Fwp-content%2Fuploads%2F2017%2F11%2Fhow-to-crop-photos-with-inkscape1.jpg)
WordPress等でブログ記事を作成する場合に書き初めに画像を挿入しますね、この方がインパクトのある書き出しになります。 作り方は簡単です、フリー写真素材サイトで貰った写真をInkscape(インクスケープ) でトリミング(切り取り)して貼り合わせて作ります。
トリミングとは、写真や画像を切り抜くことをいいます。 いくつかの画像編集ソフトでトリミングが可能ですが、そのソフトによって得意、不得意がありますので、切り抜きたい形などによって、適切な方法を選ぶのがおすすめです。 今回はInkscapeで行うトリミングについて解説します。 Inkcscapeが得意なトリミングは? Inkscapeは、「ベクター」という、点と点を結んだ直線や曲線を扱うのが得意なソフトです。 そのため、トリミングの形も「円」や「四角」、「多角形」など、線で囲まれた領域で切り抜くのがきれいで簡単です。 一方、髪の毛やサボテンのトゲなど、複雑な境界線をもった画像をトリミングするのは、Gimpの方が得意です。
SEO向け画像の工夫urlやテキストで有利になる10個のポイント Home SEO SEO向け画像の工夫urlやテキストで有利になる10個のポイント SEO上使用する画像名にはキーワードの単語を付けましょう。Altテキストでその画像の説明をきちんと入れる事です。 画像サイズに注意し、常に画質の良い画像を軽量化するクセをつけたいですね。 テキストや見出しと関連性のある画像にして、できるだけオリジナル画像を使いましょう。ユーザーとGoogleに把握されやすいものにするべきです。 1.画像名にSEOキーワードを入れる 掲載する画像に「最適なファイル名」をつけることはSEO上しておいた方が良いと思います。 まだ連番数字の画像名(例えば「DSC0001.jpg」など)を付けたままではありませんか? ファイル名にはなるべく、SEOキーワードの英語表記が入る様にしましょう。 どのページのどこで使われてい
こんにちは、SEO分析ツール「アナトミー」開発チームの江頭です。 Webサイトの表示速度が遅いと、検索ユーザーがすぐに離脱してしまう原因になります。Googleも検索ランキングの要因に「ページの表示速度」を加えており、 表示速度の改善もSEO内部対策の1つになっています。 この記事では、Webサイトの表示速度を改善する方法を説明します。 関連記事:テクニカルSEOのためのSEOチェックリスト57項目 SEOと表示速度との関係性 Webサイトの表示速度は、さまざまな面でSEOへの影響しています。 まず1点目は、Googleのランキングシグナルとしてページの表示速度が利用されています。Core Web Vitalsというシグナルには、サイトがどれくらい早く表示されたか(LCP)という指標や、ユーザー操作の遅延(FID)といった指標が含まれ、2021年6月ごろから適用が始まっています。つまり、表
カタログやイラストなど、デザインするにはグラデーションは必ず必要となってきますよね。 今回は、Inkscapeでオブジェクトにグラデーションをかける方法を紹介します。 始めはどのように設定すれば良いか分からずチンプンカンプンだと思いますが、場所とやり方さえ分かれば簡単に設定することができます。 ※フィルとストロークは、同じ手順でグラデーションを設定することができます。
それに対し今も一般的に使っているGIF・JPG・PNGはいずれもビットマップ形式の画像と呼ばれ、画像を点の集合で表現しています。 ビットマップ形式とベクター形式 ビットマップ形式はその性質上、画像を構成しているピクセル数が作成時点で決まっています。 ですので想定サイズを超過(拡大)してしまうと画像が荒くなり、ぼやけた状態になってしまいます。 それに対してベクター形式フォーマットのSVG画像は拡大縮小に柔軟に対応します。 演算により効率良く形や色を表現するので、サイズ変更がされてもその都度鮮明な画像を維持できるのです。 ここが通常のGIF・JPG・PNGを使うよりもSVG画像を使う方が利点となる部分ですね。 SVGの2種類の書き方 SVG画像の具体的な記述の仕方については割愛しますが、大きく分けて2種類の記述方法があります。 インラインによるSVG画像の記述例 <svg role="img"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く