並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 677件

新着順 人気順

トリミングの検索結果1 - 40 件 / 677件

  • 1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー

    2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です!今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト! 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj

      1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー
    • 「RTで画像自動トリミング、著作者人格権侵害に当たる」 知財高裁判決、Twitterユーザーに衝撃

      自ら撮影した写真が無断でTwitterに投稿され、投稿者とは別のTwitterアカウントにリツイート(公式RT)されたことにより著作権が侵害されたとして、プロカメラマンがTwitter Japanに対して、投稿者とRTしたユーザーそれぞれの情報開示を請求していた訴訟で、知財高裁が出した控訴審判決がこのほど公表され、その内容がネットで波紋を呼んでいる。 訴訟の経緯はこうだ。原告のカメラマンが撮影し、Webサイトで公開していた写真が、あるTwitterユーザーによって無断でTwitterに投稿された。その後、別のアカウントがその写真付きツイートをRTした。結果、RTしたアカウントのタイムラインには、元写真をトリミングしたサムネイル画像が、直リンク(インラインリンク/リンク先のWebページのコンテンツが自動表示されるリンクのこと)の形で自動で表示されていた。 一審判決で東京地裁は「RTは著作権を

        「RTで画像自動トリミング、著作者人格権侵害に当たる」 知財高裁判決、Twitterユーザーに衝撃
      • 海外メディアが黒人の活動家だけトリミング?「初めて人種差別の意味を理解した」

        Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

          海外メディアが黒人の活動家だけトリミング?「初めて人種差別の意味を理解した」
        • 「RTによる画像トリミングで著作人格権侵害」 知財高裁判決の意味と影響 弁護士が解説

          編集部より Twitter上での公式リツイート(RT)機能をめぐる知財高裁の判決が、ネットユーザー間で波紋を呼んでいる。焦点となったのは、Twitterに投稿された著作権侵害画像を、別のユーザーが公式RTした際の著作者人格権の扱いだ。 RTしたユーザーのタイムラインには、インラインリンク(画像直リンク)が表示されていた。インラインリンクでは、元の画像がトリミングされ、サイズや形が変わった上、著作者の氏名が消えていた。このため知財高裁は「RTしたユーザーは、元の画像の著作者の著作者人格権を侵害した」と判断し、RTしたユーザーの情報開示を認めたのだ。 これまでは一般に、インラインリンクは著作権侵害には当たらないと考えられてきた。だが今回の知財高裁判決は、これを覆す判断となっている。 この判決の背景や影響について、骨董通り法律事務所の岡本健太郎弁護士が解説する。 リンクの設定は著作権侵害にはなら

            「RTによる画像トリミングで著作人格権侵害」 知財高裁判決の意味と影響 弁護士が解説
          • 「Twitterアイコンが丸くトリミングされるのは同一性保持権侵害」 アイコン無断使用を巡る裁判で - ねとらぼ

            自分が撮影した写真を無断でTwitterアイコンに使われたとして、プロ写真家が投稿者情報の開示を求めていた裁判で、東京地方裁判所は10月16日、「無断使用した画像をTwitterアイコンに設定している場合、ツイートを投稿するたびに画像が丸くトリミングされることになり、これは同一性保持権の侵害にあたる」と判断し、米Twitter社に対し、ツイート投稿者の発信者情報を開示するようにとの仮処分を下しました。 アイコンを設定すると、自動的に四隅が丸く切り取られる仕様 同一性保持権とは、著作者人格権の一種で、著作者の意に反する改変を禁止できる権利のこと。Twitterのアイコンは設定する際、自動的に元画像を丸くトリミングする仕組みですが、これも同一性保持権侵害にあたるというのが今回の判断。さらにアイコン画像をアップロードした時はもちろんのこと、「そのアイコンを設定したままツイート」した場合も新たな侵

              「Twitterアイコンが丸くトリミングされるのは同一性保持権侵害」 アイコン無断使用を巡る裁判で - ねとらぼ
            • PDFの全ページをまとめてトリミングする

              昨今の電子書籍ブームによって、PDFのデータを外出先で見るためのデバイスの数は、1年前とは比較にならないくらい増加した。これまでのノートPCに加え、iPadやKindle、ソニーのReader、そして各社のスマートフォンの多くが、PDFビューアとしての機能を備えている。仕事関連のファイルはもちろんのこと、自炊した書籍データに至るまで、あらゆるPDFデータを持ち歩き、好きなところで閲覧することができる。 しかしここで問題になるのが画面サイズだ。もともとA4やB5サイズだったPDFを原寸表示するには、これらデバイスの画面サイズは小さすぎる。画面サイズが大きい部類に入るiPadやKindle DX、GALAPAGOSのホームモデルであっても、有効表示面積はB5サイズにすら届かない。もちろん部分的にズームすれば細かい文字を読み取ることは可能だが、1ページを分割して表示する形になる上、ページを1枚め

                PDFの全ページをまとめてトリミングする
              • JPEGのDCTブロックで コンテンツ指向のトリミング

                2024 Trend Updates: What Really Works In SEO & Content Marketing The future of SEO is trending toward a more human-first and user-centric approach, powered by AI intelligence and collaboration. Are you ready? Watch as we explore which SEO trends to prioritize to achieve sustainable growth and deliver reliable results. We’ll dive into best practices to adapt your strategy around industry-wide disru

                  JPEGのDCTブロックで コンテンツ指向のトリミング
                • 最高裁、“パクツイ”画像をリツイートした際の「自動トリミング」も著作者人格権侵害と判断 Twitter Japan「コメントは差し控える」

                  ※本記事はアフィリエイトプログラムによる収益を得ています 自身が撮影した写真を無断でTwitter上で拡散されたとして、写真家の男性が発信者情報の開示を求めて米Twitter社と争っていた件で、最高裁第3小法廷は7月21日、Twitter社の上告を棄却し、画像の投稿者およびその画像をリツイートした3人のメールアドレスを開示するようTwitte社に命じました(判決文)。裁判では「リツイート時に自動で画像がトリミングされるのも権利侵害にあたる」との判断が示され、Twitterユーザーの間に驚きが広がっています。 今回の裁判で争点の1つになったのが、リツイートした場合の「画像のトリミング」でした。Twitterでは写真を投稿、リツイートした場合に、上下が自動的にトリミングされ、横長の画像として表示されます。画像はタップ・クリックすれば全体を見ることができますが、今回のケースでは、トリミングされた

                    最高裁、“パクツイ”画像をリツイートした際の「自動トリミング」も著作者人格権侵害と判断 Twitter Japan「コメントは差し控える」
                  • Google・Microsoft・Adobeなどの「トリミングツール」で切り取られた画像は簡単に元のデータを復元できるという指摘

                    画像や写真の見せたい部分だけを強調したり、見せたくない部分を切り取ったりするために、「トリミング」という画像編集を使ったことがある人は多いはず。トリミングはほとんどの画像編集ソフトに備わっていますが、GoogleやMicrosoft、Adobeの画像編集ソフトのトリミングツールを用いて切り抜かれた画像は、トリミングを解除して元の画像を見ることができるという欠陥があると指摘されています。 Whistleblowers Take Note: Don’t Trust Cropping Tools https://theintercept.com/2023/02/14/whistleblower-image-crop-document/ トリミングツールを備えた画像編集ソフトの取扱説明書には、自身でトリミングを行った後に、トリミングする前に戻すことができると記載されている場合があります。プライバシ

                      Google・Microsoft・Adobeなどの「トリミングツール」で切り取られた画像は簡単に元のデータを復元できるという指摘
                    • FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ

                      FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム! ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。(スマホ対応!最新版 ※9.21追記) FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91:h1 w468px以上でないと大きく表示されない(※Face

                        FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ
                      • チワワがトリミング中に1mの台から落ちて死亡 飼い主が店に340万円の損賠賠償訴訟 : 痛いニュース(ノ∀`)

                        チワワがトリミング中に1mの台から落ちて死亡 飼い主が店に340万円の損賠賠償訴訟 1 名前: ツームストンパイルドライバー(愛媛県)@\(^o^)/:2016/02/06(土) 11:10:41.23 ID:Elqew6ki0.net トリミング中にチワワ転落死 飼い主が店提訴 愛犬がトリミング中に転落死したのはペットショップが安全管理を怠ったためだとして、仙台市宮城野区の飼い主が5日までに、ペットショップの運営会社(青葉区)に340万円の損害賠償を求める訴えを仙台地裁に起こした。 訴えによると、飼い主は昨年11月、超小型サイズのチワワ(購入価格約40万円)のトリミングを依頼。従業員は高さ約1メートルの台にチワワを載せたまま、電話に出るため別室に移った。従業員が戻ると、台につないだリードが首輪ごと外れ、掛け直そうとしたところチワワが台から落ちて死んだという。 飼い主側は「店は安全を確保す

                          チワワがトリミング中に1mの台から落ちて死亡 飼い主が店に340万円の損賠賠償訴訟 : 痛いニュース(ノ∀`)
                        • 画像を最適かつ自動的にトリミングするニューラルネットワークのご紹介

                          Twitterに直接画像をツイートできるようになったのは2011年。以来、Twitterを楽しむ上で不可欠な要素になりました。Twitter上には、毎日数百万を超える画像がアップロードされていますが、それぞれのサイズも解像度も異なるため、UI上で各画像を最適な形で表示できるように処理を行うことが課題になっていました。皆さんのタイムライン上の画像は、一貫性があり、より多くのツイートを目にできるようにトリミングされています。今回は、Twitterがどの画像をトリミングし、画像のどの部分を表示するか、どのように決めているのかをご案内します。 以前は、顔認識技術を利用し、画像の中でもっともわかりやすい顔を中心にトリミングを行っていました。これはもっともわかりやすい方法ではありましたが、全ての画像に顔が含まれているわけではないため、ベストな方法とは言えませんでした。また、使用していた顔認識技術では顔

                            画像を最適かつ自動的にトリミングするニューラルネットワークのご紹介
                          • CSSだけで画像をトリミングする方法3つとjQueryを使う方法1つ | Cappee Design

                            @cappeeです。 特にシステム案件のコーディングだと、縦横比が異なる画像を扱う場合も多いと思います。 例えばユーザー画像などを正方形で表示したい場合、アップされる元画像はユーザに委ねられるので画像のサイズや縦横比は様々になると思います。アップしたタイミングで画像を加工できるならいいですが、そうでない場合、見た目を整えるためにCSSで同じサイズにトリミングしてしまいましょう。 トリミングにもCSSだけで3つのやり方があるので、状況によって使い分けたいですね。 overflow: hidden を使う 一番オーソドックスなやり方がoverflow: hidden を使ってトリミングする方法です。 trimming というクラス名が入ったトリミングする枠用のタグはブロック要素である必要がありますので、もしインライン要素に指定する場合は、CSSに display: block; も追加してく

                            • 人物写真の撮影のコツ〜トリミングしていい場所・悪い場所:図解 | ライフハッカー・ジャパン

                              Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?

                                人物写真の撮影のコツ〜トリミングしていい場所・悪い場所:図解 | ライフハッカー・ジャパン
                              • trimやstripが全角スペースをトリミングしない理由で盛り上がったのでまとめてみた - Qiita

                                はじめに RubyのString#stripが全角スペースをトリミングしてくれないことにこの間初めて気づきました。 そこでフィヨルドブートキャンプのSlackで質問してみたところ、結構盛り上がったので記事にまとめます。 本編 自分で調べたこと まず自力で調査したことをまとめます。 Javaのtrimメソッド Javaのtrimのロジックは「\u0020(半角スペース)の文字コードより大きいか小さいか」が判断基準になっています。 ただ、それが他の言語の場合同様のロジックで実装されているのかまではわかりませんでした。 RubyのString#strip(Cのコード) 前後のオフセット値を算出してそれを利用して前後のスペースのトリミングを実現しています。 ただ、C力が圧倒的に足りないのでどういうロジックでそのオフセット値を算出しているかまではわかりませんでした。 追記 RubyのRuby実装、R

                                  trimやstripが全角スペースをトリミングしない理由で盛り上がったのでまとめてみた - Qiita
                                • 画像の縮小やトリミングに便利なPHPクラスライブラリ「Zebra_Image」:phpspot開発日誌

                                  Zebra_Image, a lightweight image manipulation library written in PHP 画像の縮小やトリミングに便利なPHPクラスライブラリ「Zebra_Image」 転送量や速度の観点からPHPの画像を縮小したり、またはサイズをそろえてきれいに並べるなど扱いやすくする際にもリサイズを行いますがそういった処理を簡単に行えるようになるクラスライブラリのご紹介です。 元の画像 背景を指定しておき、200x200ピクセルなど指定したサイズにまるめるメソッド。 元画像は一切、切り取られることなく縮小され、指定の画像サイズにできます 指定幅サイズに単に縮小 200x200ピクセルなどを指定した場合、指定ピクセルいっぱいに広がるようにサイズ調整して切り抜く方法 GDで1から書くと結構めんどくさかったりするのでこうしたもので簡単にやっちゃいましょう 関連

                                  • Evernote、紙の書類の自動撮影・トリミング・補正・デジタル化に特化したアプリ「Scannable」

                                    • JavaScript で文字をトリミングする

                                      JavaScript を用いてエントリータイトル等の文字をトリミング(指定した文字数だけ表示する)するカスタマイズです。 以前、「Movable Type のようなトリミングを、他のブログで実現できないでしょうか」というご質問の回答です。大変遅くなりましたが、このエントリーで回答に替えさせて頂きます。 ここでは文字数でトリミングする方法を紹介していますが、半角・全角が混在している場合のサイズを調整したい場合は、下記のエントリーを参照ください。 JavaScript で文字をトリミングする(改善版) とりあえず「id 属性名」と「要素名+ class 属性名」で指定したタグの中に記述された文字列をトリミングする、簡単な JavaScript を書いてみました。 Windows + IE6/Firefox 2 で実験した限りでは、全角・半角いずれも1文字で計算してトリミングしてくれるようですが

                                        JavaScript で文字をトリミングする
                                      • clip プロパティで画像をトリミング

                                        phpspot 開発日誌さんで、「CSS の Overflow を応用して画像を綺麗にリサイズ表示するサンプル」 という記事が上がっていたのですが、この手の一部トリミングだったら clip プロパティがちゃんと用意されてるんでそっちを使ってもできるんじゃないかということで、clip プロパティを使用したサンプルを簡単に紹介してみます。 いきなりですが、サンプル。 clip プロパティで画像トリミングサンプル 通常は画像の一部のみが表示され、マウスオーバーで全体が表示されると思います。 ソースは下記。まずは XHTML ソース。 <p class="clipSample"> <a href="***"> <img src="***" width="240" height="180" alt="" /> </a> </p> CSS は下記のとおり。今回のサンプルは画像のサイズが、240px ×

                                          clip プロパティで画像をトリミング
                                        • Evernote、紙の書類の自動撮影・トリミング・補正・デジタル化に特化したアプリ「Scannable」

                                            Evernote、紙の書類の自動撮影・トリミング・補正・デジタル化に特化したアプリ「Scannable」 
                                          • レスポンシブ対応!CSSで画像を中央トリミングする方法 - Design Color

                                            追記 この記事を書いた当初はまだIE対応をしなければならないケースが多かったのですが、最近はもうIE対応は考えなくていいかなと思ったので今風の書き方を追記しました。 サムネイルの画像サイズがみんなバラバラ・・・ サムネイルの画像サイズがバラバラだと、どうしても表示に統一感がなくなってしまいますよね。Pinterestのような、サムネイルのバラバラ感を逆に活かしたレイアウトであればいいのですが、使い所が限られてきます。 かといって、複数個ならまだしも何百、何千とある画像をリサイズするのは手動でも自動でも大変…!というわけで、cssで中央部分をトリミングして同じサイズで表示してみましょう! CSSで画像を中央でクロップして同じサイズで表示する方法 以下が実装用のコードです。「CSS」のタブをクリックして確認してみてくださいね。 方法1:object-fit版 「object-fit」というプロ

                                              レスポンシブ対応!CSSで画像を中央トリミングする方法 - Design Color
                                            • 【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。

                                              こんにちは、シーブレインの toyama です。梅雨入りです。 サムネイル用の画像など、一定の大きさにそろえた画像を大量に書き出さないといけないときが、長い人生に一度や二度はあると思います。 私にも以前そんな瞬間があったのですが、その頃にこの技知ってればー!という技を今更知ったのでここに記しておくことにします。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで、適当に(いい意味で)画像を配置します。 3.「コマンド」→「ドキュメント」→「レイヤーに配分」。すると、適当に読み込んだ画像が一枚づつレイヤーに格納されます。 4.画像を書き出すための「最適化」を設定したあと、「書き出し」ます。 5.書き出しのダイヤログが出てきます。「書き出し」のプルダウンメニューから「レイヤーをファイルに変換」を選択します。3.で画像をレイヤーに分

                                                【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。
                                              • CSSだけで画像トリミングできたよ | Tips Note by TAM

                                                サイズや比率がバラバラの画像を、CSSで同じサイズにトリミング(はみ出た部分をカットして表示)する方法を紹介します。 運用案件やCMSなど、更新の度にサイズ・比率がバラバラの画像がアップロードされてしまい、レイアウトが崩れると困りますよね。また、更新を担当する人がWebに詳しくないクライアント様であったり、担当者のスキルによっては画像を加工することが難しい場合もあると思います。 CSSで調整するようにしておくと、画像サイズがバラバラでもある程度レイアウトを揃えることができます。 やり方 HTML構造は、トリミングの枠になる要素で、画像を囲む必要があります。 例では<div>を使っていますが、<p>や<li>でも問題ありません。外側の枠はブロック要素が良いようですので、もしインライン要素を使う場合はdisplay: block;にしておくと良いと思います。 CSSのトリミングは、パターンによ

                                                  CSSだけで画像トリミングできたよ | Tips Note by TAM
                                                • mp3ファイルを自由にトリミングできるサイト「Online mp3 cut tool」が便利*二十歳街道まっしぐら(FC2ブログ時代)

                                                  「Online mp3 cut tool」はmp3ファイルを好きな位置でカットできるサービスです。 たとえば、「1分22秒から3分10秒」までをカットして保存することができます。 操作手順は、 mp3ファイルをアップロード→トリミング→保存(ダウンロード)でおしまい! とっても簡単にmp3の編集ができますよ。 以下に使ってみた様子を載せておきます。 まず「Online mp3 cut tool」にアクセスしましょう。 「Upload mp3」よりmp3ファイルをアップロード。 そして、トリミングします。 この部分はFlashを利用しているようです。 音楽再生ボタンがあるので、編集が簡単です。 編集後、「Split and Download」をクリックすると、編集した音楽がmp3形式でダウンロードできます。 とってもシンプルかつ使いやすいサイトなのでブックマークしておくと便利です! (本日紹

                                                  • ブログ用の画像をAmazonからトリミングして取得できる「ブログ画像ゲッター」 - ネタフル

                                                    Amazonの商品画像をアソシエイトでブログで利用している人も少なくないと思いますが、さらにトリミングしてブログ用の画像にも使ってしまおうというのが「ブログ画像ゲッター」です。 記事の頭や途中にイメージ画像があると、イメージが伝わりやすいのはもちろんですが、文章を読みやすくしたりする効果もあったりします。 それでは使ってみました。 基本的な使い方としては、AmazonアソシエイトIDを入力し、検索します。 使いたい画像が出てきたら、サイズ調整やトリミングを行います。 ドラッグ&ドロップで移動できるし、サイズも入力して調整が可能ですので、自分のブログに合ったサイズにしてみましょう。 ということで今回取得したのが↑の記事頭部分の新垣結衣の画像という訳です。 トリミングして大丈夫なの〜? と思ったのですが、大丈夫だそうです。便利なサービスを知りました。

                                                      ブログ用の画像をAmazonからトリミングして取得できる「ブログ画像ゲッター」 - ネタフル
                                                    • iPhoneブロガーならわかるよね!スクショのトリミングが超ラクになる『Trimmer』 - リニューアル式

                                                      Trimmer 1.0(¥85) カテゴリ: ユーティリティ, 写真/ビデオ 販売元: Simplexify - David Woods(0.1 MB) iPhoneブロガーにオススメしたいアプリを発見。 240個目の原石アプリは「Trimmer」。スクリーンショットから、ステータスバーの部分だけを一瞬でトリミングしてくれるアプリだ。 ※現在は配信停止しているようです。残念。 ここに表示される時間やバッテリー残量を気にして、いちいち手作業でトリミングしていたブロガーさんも多いのでは。 カメラロールからスクショを読み込んで、真ん中の[ Trim ]ボタンをタップするだけ。いちいち自分でトリミング領域を選択しなくていい。押すだけ。ホント簡単。 iPhoneブロガーさんなら入れておいて損はないですよ。 オススメ度 ★★★★★ iPhone版SkitchことMarkeeと一緒に使うと、倍率ドン、さ

                                                      • 歴史的写真が教えてくれる「トリミング」の大切さ。

                                                        どこかで一度は見た事あるという有名な写真ってありますよね。たまにそういった写真にあてられてカメラを持って街にでますが、そうそういい写真など撮れず、どうしたら、あんなにカッコイイ写真とれるんだろうって悩んでいます。 でも有名写真というのは実はトリミングの妙かもしれません。これから紹介するのは有名写真のトリミング前のものです。確かにトリミングがなされてなければ、これほど有名にならなかったかもな、と思わされます。 トップ写真は、ミュージカルにもなっている「ミリオンダラー・カルテット」のトリミング前の写真です。エルヴィス・プレスリー、ジェリー・リー・ルイス、カール・パーキンス、ジョニー・キャッシュといった大物4人がメンフィスにあるサンレコードに集結し、セッションが行われたという夢のような話。そこにあったピアノの上に女性が座っていたなんて知りませんでした。 次の写真は「英雄的ゲリラ」のチェ・ゲバラ。

                                                        • ImageMagick による余白トリミング - clock-up-blog

                                                          前提 ImageMagick をインストールしておくこと。 Windows でも Mac でも Linux でもインストールできるはず。 余白トリミングするコマンド 以下のようなコマンドで、画像の余白を自動検出してトリミングしてくれる。 mogrify -trim +repage hoge.gif 画像がJPEG等の場合、背景色にノイズが乗ることがあるので、背景色判定をやや曖昧にするオプション(-fuzz *%)を指定すると良い。 mogrify -fuzz 5% -trim +repage hoge.jpg 複数画像を一気にトリミングしたい場合はワイルドカード指定もできるやで~ mogrify -fuzz 5% -trim +repage *.jpg JPEG のトリミング例 変換前 変換後(-fuzz を指定しない場合。微妙に余白が残る) 変換後(-fuzz 5% を指定した場合。ぴっ

                                                            ImageMagick による余白トリミング - clock-up-blog
                                                          • サムネイルのトリミングを手動で設定できるプラグイン「Post Thumbnail Editor」

                                                            WordPressで作られたブログでは必ずといっていいほど使われているサムネイル画像。記事の一覧やランキングなど、サムネイルがあるのとないのでは、目の引き具合がだいぶ変わりますが、このサムネイルが微妙なところでトリミングされていると、かなり残念なことになりますよね。 そこでトリミングの範囲を手動設定できるプラグインの出番です。 このプラグインをインストールすると、記事の編集画面にある「アイキャッチ画像」のところに「Post Thumbnail Editor」ってリンクが、あるいはメディアライブラリの各画像には「Thumbnails」というリンクが追加されます。 このリンクをクリックすると、サムネイルの設定範囲編集画面へ進みます。 まずは、サムネイルサイズを選択し、続いて画像をドラッグで範囲選択します。そして最後にCropをクリックしましょう。そうすると範囲選択したサムネイルのプレビュー画面

                                                              サムネイルのトリミングを手動で設定できるプラグイン「Post Thumbnail Editor」
                                                            • 各ソーシャルメディアに適した画像サイズは102種類!画像を1クリックでトリミングしてくれる無料ツール

                                                              Twitter, Facebook, Instagram, TikTok, YouTubeなど、各ソーシャルメディアに最適なサイズで画像をトリミングしてくれる無料ツールを紹介します。 AIで自動化されているので、1枚の画像をアップロードするだけで各ソーシャルメディア用の画像102サイズに自動的にサイズが変更されます。もちろん、必要な画像のみでも全部まとめてもダウンロードできます。

                                                                各ソーシャルメディアに適した画像サイズは102種類!画像を1クリックでトリミングしてくれる無料ツール
                                                              • 画像を好みの位置でトリミングする / Rails + jQuery UI draggable

                                                                画像を投稿させるサービスで、ユーザーが推奨サイズ比率ではない画像をアップロードした場合、好みの位置でトリミングさせるやつを考えてみた。TwitterとかFacebookのカバー写真をアップロードした時のアレです。今回はズームとか無しで、縦方向のみの位置調整にしてみました。(画像のwidthは100%) 画像をトリミングして保存するわけでなく、単に画像位置を動かして、表示範囲以外は見えなくする方法を取っています。切り取ってしまうと、他のレイアウトで使う時に困ることもあるので、個人的にはこの方法が好みです。 準備 自分はRailsを使っているので、こんな感じ。 Gemfile

                                                                  画像を好みの位置でトリミングする / Rails + jQuery UI draggable
                                                                • 画像の周囲の余白を自動で瞬時にトリミングする方法

                                                                  周囲に余白(白枠)のある画像を、画像編集ツールでトリミングする作業に追われたことはありませんか? 僕は面倒で周囲の余白を残したままブログに使ってしまうことが多いのですが、ページが間延びして本来はよろしくありません。 何とか自動化できないかと調査した結果をご紹介します。 面倒な画像の周囲の余白のトリミングを自動化する ブログを運営していると、メーカーが広報素材として用意した物撮り写真を使う機会は少なくないものです。 広報素材によくあるパターンに、白い背景で撮影した画像があります。 白く飛ばした背景の中に、ポツンと対象が写っている画像。いわゆる、白バック飛ばし。 余白となる周囲の白い背景部分は広めに取ってあることも少なくなく、それをそのままブログに使うと、ページが間延びしてしまいがちです。 余白を詰める場合、通常はPhotoshopやPixelmator、Preview.appなどの画像処理ソ

                                                                    画像の周囲の余白を自動で瞬時にトリミングする方法
                                                                  • GIMP で画像を切り抜く(トリミング)7つの方法

                                                                    画像を切り抜く方法が分からなかったり、上手く切り抜けなくて困っていませんか? 切り抜き(トリミング)は、写真の合成などの画像加工でよく使う便利な手法です。 その一方で、方法がたくさんあるので、もっとキレイに切り抜ける方法がないか探している方も多いでしょう。 本記事では、 ざっくり切り抜く方法人物などを輪郭に沿って切り抜く方法 のように、それぞれの画像に合った切り抜き方法を7個ご紹介します。 GIMPを使い始めたばかりの方でも分かるようにご説明しますので早速始めましょう。

                                                                      GIMP で画像を切り抜く(トリミング)7つの方法
                                                                    • PDF文書軽量化ソフト「PDF Slim」で文書の余白をトリミングできるように

                                                                      • 『我流、多分誰も教えてくれない精度の高い髪の毛のトリミング=GIMPチュートリアル=』

                                                                        GIMPから始めるグラフィックデザイン【Amatsuchi-Tomokazu】AmatsuchiのTomokazuがGIMPを中心としたグラフィックデザインの話やチュートリアルの記事を書いていきます。これからグラフィックデザインを始めたい人、デザインを仕事として活動したい人、そんな人達に一つでも二つでもプラスになる話をしていきたいと思います。 ご無沙汰しております。 ちょっと忙しくてブログの更新が出来ませんでした^^; 久々のGIMPチュートリアルです^^ こういう画像、切り抜きをしようと思っても結構挫折してしまうというか、髪の毛の切り抜きに困ってしまって挫折してしまう人、結構多いのでは無いでしょうか? 参考書には載っていないこういう画像の切り抜きのテクニックをご紹介します^^ ちなみに、全てに共通して使えるテクニックでは無いんですけど、髪の毛と背景のコントラストが強い画像であれば大体は使

                                                                          『我流、多分誰も教えてくれない精度の高い髪の毛のトリミング=GIMPチュートリアル=』
                                                                        • ふくすけは トリミングだったんで パスタレストラン 今日和で お昼だよ - ふくすけ岬村出張所

                                                                          おはようございます😃 昨日は ふくすけは トリミングだったんで パスタレストラン 今日和で お昼だよ こちら 前菜 メイン カレー味のパスタ デザート チーズケーキです ちなみに 今日和さんは 千葉では  レストランチェーンです 私は 食べて ないいですけどぉ って感じですね ふくすけには 頑張ったんで こちら ヤギミルクチーズガムを しんぜよう それでは パトロール出動です でわ またね 人気ブログランキング にほんブログ村

                                                                            ふくすけは トリミングだったんで パスタレストラン 今日和で お昼だよ - ふくすけ岬村出張所
                                                                          • 画像編集いらず!jQueryとCSSだけで画像をトリミング&センタリングする | ホームページ制作・開発/大阪|アルカナワークス

                                                                            商品画像の一覧を作成したいとか、トップページにブログ内の画像を固定サイズにトリミングして表示したい。 そんな時に元画像を変更せずにCSSとjQueryだけで自動的にトリミング&センタリングする方法をご紹介します。 システムで自動的に商品一覧を表示しているときや、 Wordpressなどで登録するときに、画像を編集してトリミングとか難しいことができない、 といった時に便利に使えます。 CSSでのトリミングはもともとこのサイトで紹介されていたのですが CSS GLOBE – Create Resizing Thumbnails Using Overflow Property こちらはCSSだけでの方法なので、画像をセンタリングするには1つ1つ調整するか、 元の画像を決められたサイズにしなくてはいけませんでした。 そこで、追加でjQueryで、画像をセンタリングるものを組み合わせてみまし

                                                                            • KAZE/高橋賢治 on Twitter: "Twitterの宣伝画像、こないだの実験で900 × 506pxならPC版・スマホ共に画像がトリミングされずきちっと1枚乗せられると分かったのですが、さらに比率さえ有ってれば縮小だけで済み、クリックすると情報を増やすことが出来る1… https://t.co/9m01W1rkyE"

                                                                              Twitterの宣伝画像、こないだの実験で900 × 506pxならPC版・スマホ共に画像がトリミングされずきちっと1枚乗せられると分かったのですが、さらに比率さえ有ってれば縮小だけで済み、クリックすると情報を増やすことが出来る1… https://t.co/9m01W1rkyE

                                                                                KAZE/高橋賢治 on Twitter: "Twitterの宣伝画像、こないだの実験で900 × 506pxならPC版・スマホ共に画像がトリミングされずきちっと1枚乗せられると分かったのですが、さらに比率さえ有ってれば縮小だけで済み、クリックすると情報を増やすことが出来る1… https://t.co/9m01W1rkyE"
                                                                              • インテントでAndroid標準のトリミング機能(アプリ)を呼び出す方法 - がぶちゃんの日記

                                                                                プロフィール写真やアイコン画像の設定画面なんかでよくある「写真を選んで→トリミングして」ってやつです。 あんまり日本語の情報がなかったので書きます。 ギャラリーを呼び出して写真を選ぶ public void onChangePhotoClick(View view) { Intent intent = new Intent(); intent.setType("image/*"); intent.setAction(Intent.ACTION_GET_CONTENT); startActivityForResult(intent, REQUEST_GET_CONTENT); } トリミング機能(アプリ)を呼び出す 写真が選ばれたらonActivityResult()が呼び出されるので、選ばれた写真のUriを使ってトリミング機能(アプリ)を呼び出します。 @Override protecte

                                                                                  インテントでAndroid標準のトリミング機能(アプリ)を呼び出す方法 - がぶちゃんの日記
                                                                                • ビデオをオンラインでトリミング-MP4、AVI、MPG、3GPをトリミング

                                                                                  本ウェブアプリは小さな動作ファイルをカットする必要がある場合に便利です。インストールは不要で、お使いのブラウザ内で動作します。

                                                                                    ビデオをオンラインでトリミング-MP4、AVI、MPG、3GPをトリミング