検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 40件

新着順 人気順

リサイズの検索結果1 - 40 件 / 40件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

リサイズに関するエントリは40件あります。 画像、 software、 techfeed などが関連タグです。 人気エントリには 『WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita』などがあります。

リサイズの関連エントリー

  • WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita

    WebAssembly(WASM) は JavaScript より計算処理が速いという話題がしばしば聞かれます。 では、単純な数値計算ではないけれど、JavaScript を利用した通常のフロントエンド開発だと時間がかかる処理を移植するとどうなるのでしょうか1。本記事ではその一例として、巨大画像（4K～）を指定したピクセル数までリサイズする処理を書いてみました。 リポジトリ: https://github.com/yokra9/wasm-image-resizer JavaScript + Canvas API でリサイズしてみる まず、比較のため JavaScript でリサイズ処理を書いておきましょう。とはいえ、TypeScript からコンパイルして生成します。 const url = "./img/sample.jpg"; const resp = await fetch(url)

      WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita

    • デレステのウィンドウをリサイズして疑似フルスクリーンにしたりするやつを作った【StarlightResize】 - rinsuki’s blog

      DMM版デレステは標準だと 1920x1080 までしかウィンドウを大きくできませんが、Win32 API を使ってウィンドウの大きさを変えてやることでそれよりさらに高い解像度で描画させることができます。ただし Win32 API で他アプリのウィンドウのリサイズをするみたいなヘンテコなツールはない…こともなくて、DMM版ウマ娘(だいたい同じ仕様)のためにウマドというツールがあります。 booth.pm しかし、ウマドはメイン画面が縦画面のウマ娘を想定して作られたツールなので、選曲画面もMV画面も横なデレステでは常に疑似フルスクリーンになってちょっと不便です。そこでデレステに特化したツールを作ることにしました。 StarlightResizeです。 github.com DISCLAIMER: このツールは MIT License でライセンスされています。ソフトウェアは「現状のまま」で、

        デレステのウィンドウをリサイズして疑似フルスクリーンにしたりするやつを作った【StarlightResize】 - rinsuki’s blog

      • Hono と Cloudflare Images で Next.js の画像リサイズを再現する

        Hono Advent Calendar 2024 4 日目の記事です。遅れてすみません！！！！！！！！！！！！！！！！！！！！！ 去年はかけなかったけど今年は書けたのでよかったです.......... TL;DR Cloudflare Images を使えば、Next.js の next/image による画像最適化を再現できます。さらに、Cloudflare Images の「blur」オプションを利用することで、base64 プレースホルダー画像をサーバー側で生成する必要がなくなり、処理が効率化されます。コスト面でも、Vercel の画像最適化機能（$5/1000 枚[1]）に比べ、Cloudflare Images は大幅に安価（$0.5/1000 枚[2]）です。 デモ はじめに この記事は @cloudflare/next-on-pages や @opennextjs/clou

          Hono と Cloudflare Images で Next.js の画像リサイズを再現する

        • ドラッグでリサイズするUIを実装するときに設定したいCSS

          例えばサイドバーの幅をドラッグで調整できるUIを実装した時、以下のような症状に遭遇したことはありませんか？ ドラッグ中になんか引っかかる・スムースに反応しない マウスのボタンを離してもドラッグ中判定のままになってしまう ドラッグ中にテキストが選択されてしまう 僕はあります。 挙動が微妙な実装例 以下は上記のような挙動を再現した実装例になっています。試しに、サイドバーの右端をドラッグして色々と操作をしてみてください。おそらく、リサイズがカクついたり、マウスのボタンを離した状態でもリサイズされてしまったり、テキストが選択されてしまう症状が出ると思います。 （↓の埋込状態の操作だとうまく再現されないので別ウインドウで開いて操作してください） 修正した実装例 こちらは修正した実装例です。先程のような症状はでていないです。 ドラッグ操作が正常に動かない対策 この原因は外部コンテンツの埋め込みがドラッ

            ドラッグでリサイズするUIを実装するときに設定したいCSS

            • リサイズの関連エントリー

          • 【CSS】要素のリサイズを可能にしてみました - Little Strange Software

            どうも！LSSです！！ 以前に、様々な「ページ（記事）内に文字を隠す」方法を書いていましたが、今回もそんなひとつ。 通常、Webページ内の要素（画像・段落など）はページ記述者が指定したサイズ（指定していなければデフォルトのサイズ）で固定されて表示されますが、CSSには 「ユーザー（読者）が自由にサイズ変更できるようにする」 という指定があります。 今回はそれを利用して「最初は指定したサイズで表示され、ユーザーがサイズ変更で大きくする事で中身が見えるようにする」コードです。 ※追記！スマホだと操作しづらかったり、出来なかったりする場合もあるようです。 試してみた範囲では、「Androidスマホ＋はてなアプリ→右下角を捉えにくいがなんとか」「iPhone＋はてなアプリ or Chrome or Safari→いずれも試みるもできず」 【JavaScript】iPhoneでも要素のリサイズ -

              【CSS】要素のリサイズを可能にしてみました - Little Strange Software

            • 画像ファイルのリサイズを右クリックメニューから手軽に「Image Resizer」【「PowerToys」を使いこなして効率UP！ プレビュー版を一足先に体験】

                画像ファイルのリサイズを右クリックメニューから手軽に「Image Resizer」【「PowerToys」を使いこなして効率UP！ プレビュー版を一足先に体験】

              • フォトショップで写真などの画像を伸縮させずにリサイズする方法

                この記事では、フォトショップで写真などの画像を伸縮させずにリサイズする方法をご紹介します。 「コンテンツに応じた拡大・縮小」機能を利用することで、思い通りの画像サイズに変更、リサイズすることができます。ここでは、2つの具体的なサンプル例を詳しくみていきます。 1つ目は写真を使った例、もうひとつはグラフィックデザインでのテクニックの活用方法となります。 リサイズする前の元画像がこちら 今回は、こちらの写真を参考に「横長バナーを作成」してみます。 「自由変形」の場合 メインメニューより「編集」>「自由変形」（Command/Ctrl+T）で、足りていない横幅サイズに合わせて、画像を自由変形させようとすると、写真全体が歪んでしまいます。車はもちろん、背景のヤシの木も太くなり、不自然な仕上がりに。 「コンテンツに応じた拡大・縮小」をつかった場合 次はメインメニューより「編集」>「コンテンツに応じた

                  フォトショップで写真などの画像を伸縮させずにリサイズする方法

                • GASでGoogle ドライブ上にある画像のリサイズを行う。

                  皆さんこんにちは。GMOアドマーケティングのR.Aです。 今回はGoogle ドライブ上にある画像を任意のサイズにリサイズ・トリミングするものを紹介したいと思います。 先日社内にて画像のリサイズを行っているが、量が多く工数がかかるため自動化したいという相談があり、作成いたしました。 現在は、特定のディレクトリにある画像を全て複数サイズにリサイズ・トリミングし、スプレッドシートに保存するGoogle Apps Script（GAS）を活用しております。 今回のリサイズ・トリミングはGAS上で実装したいと思うのですが、GAS単体では画像を修正する事ができないので、ImgAppというライブラリを使用します。 ライブラリの導入 まず加工に必要なImgAppをGASにインストールを行います。ライブラリは以下になります。 https://github.com/tanaikech/ImgApp ライブラ

                    GASでGoogle ドライブ上にある画像のリサイズを行う。

                  • WebPã‚„HEICを含む画像ファイルの変換や圧縮、リサイズのバッチ処理が可能なMac用イメージコンバーター「Image Tool+」がリリース。

                      WebPやHEICを含む画像ファイルの変換や圧縮、リサイズのバッチ処理が可能なMac用イメージコンバーター「Image Tool+」がリリース。

                    • macOS 14 SonomaのAVFで追加された仮想マシンの保存と復元、ディスプレイ解像度のリサイズをサポートした仮想化ソフトウェア「UTM v4.4.3」がリリース。

                      macOS 14 SonomaのAVFで追加された仮想マシンの保存と復元、ディスプレイ解像度のリサイズをサポートした仮想化ソフトウェア「UTM v4.4」がリリースされています。詳細は以下から。 Intel/Apple Silicon MacやiPhone/iPad上に仮想マシンを作成できるUTMシリーズを開発するUTM Projectは現地時間2023年10月18日、Appleが09月にリリースした「macOS 14 Sonoma」サポートした仮想化ソフトウェア「UTM v4.4.3*」をリリースしたと発表しています。

                        macOS 14 SonomaのAVFで追加された仮想マシンの保存と復元、ディスプレイ解像度のリサイズをサポートした仮想化ソフトウェア「UTM v4.4.3」がリリース。

                      • 【JavaScript】iPhoneでも要素のリサイズ - Little Strange Software

                        どうも！LSSです！！ 【CSS】要素のリサイズを可能にしてみました - Little Strange Software で、CSSでのリサイズ許可を行う方法について書きましたが、これがどうもiPhoneではうまく行かない^^; ので、JavaScriptを使って「PCでもiPhoneでも、大きさを変えられる」ようにしてみました。 JavaScriptで要素リサイズ コード 難がない…わけでもなかったり 個人的な裏話 JavaScriptで要素リサイズ CSSでは出来ない事もJavaScriptなら…！ ↑の四角い枠の中で、マウスドラッグ（またはスワイプ）すると、枠の大きさが変化します。 右ドラッグで幅が拡がり、下ドラッグで高さが増し、左と上は小さくなります。 コード <style> #rsz{ overflow:hidden; border:1px solid black; user-s

                          【JavaScript】iPhoneでも要素のリサイズ - Little Strange Software

                        • 右ドラッグでウィンドウのどこを掴んでも移動・リサイズできる便利ツール「DragWin」／仮想デスクトップの切り替えやウィンドウの不透明度調整も可能【レビュー】

                            右ドラッグでウィンドウのどこを掴んでも移動・リサイズできる便利ツール「DragWin」／仮想デスクトップの切り替えやウィンドウの不透明度調整も可能【レビュー】

                          • ChatGPTで画像編集！ リサイズとファイル名変更の最速テク【AIワークハック】 | ライフハッカー・ジャパン

                            日々のデスクワークや趣味で、画像を編集することがありますよね。 サイズ変更やファイル名を統一して変更する場合、手作業で行なうと地味に時間がかかってしまいます。 そこで今回は、ChatGPTを使って、簡単な画像編集と統一したタイトルを付け直す方法をご紹介します。 AIワークハック：ChatGPTで画像編集を効率化する画像の一括編集にはオンラインツールを使用するのが一般的ですが、ChatGPTを利用することで、以下のような利点があります。 画像のリサイズやタイトルの付け直しなどの複数の作業を一度に指示できる追加のソフトウェアのインストールが不要直感的な言葉での指示が可能新しいアプリを使うときは、どうしてもインストールしたり、使い方を調べたりする時間や手間がかかります。ChatGPTなら、指示を出すだけで作業してくれるので、何度もコピペしたり、アプリをインストールしたりする必要がありません。

                              ChatGPTで画像編集！ リサイズとファイル名変更の最速テク【AIワークハック】 | ライフハッカー・ジャパン

                            • リサイズの時に５０ＫＢ以下にすると絵画風の画像ができるらしい - 昭和ネコ令和を歩く

                              こちらは２日目の朝に撮った雲の様子です。 非常にきれいだったのでパシャリ📷！ ひつじ雲？ 普通、秋に出ないか？ ひつじ雲と言うのは低気圧や秋雨前線が近づいてきているときによく出る雲で、天気が悪くなる前兆ともいわれるそうです。別に翌日も天気は良かったけどね……？ 話は変わってヘッダ画像ですが、今月は絵画のような風情になっております。 じつはこれは数十年前に冬に北海道の屈斜路湖に行ったときの写真です。 まだデータ保存ではなく紙にプリントアウトする時代の写真をデータ化したものです。 それをブログ用にリサイズすると、なぜか輪郭がぼやけて絵画のような仕様に、昔の写真のデーターはリサイズするとこうなるのかな？ まあ、面白いからいいや、と、ヘッダに採用することとしました。 しかし私はとんでもない思い違いをしていました。 先ほどトップで紹介した雲の画像ですが、それもなぜか絵画風に変換されてしまったので、

                                リサイズの時に５０ＫＢ以下にすると絵画風の画像ができるらしい - 昭和ネコ令和を歩く

                              • ブログ用画像をスマホでリサイズ・iPhoneショートカット - â™›Queens lab.

                                スマホに保存した写真をそのまま使う 画像の補正 リサイズする スマホ一つでリサイズする方法 アプリを使う メールを使う ショートカットを使う（iPhone） ショートカットの設定 ショートカットの使い方 はてなブログアプリで簡単に設定 SUMMARIES スマホに保存した写真をそのまま使う ブログ用の画像を無意識にただ貼りつけていると 画像のサイズが大きくて開くのに時間がかかることがあります。 ブログをスマホだけで書いていると 撮った画像をそのまま加工せずに 使うことも多いと思いますが 注意点が二つあります。 画像の補正 iPhoneに保存した写真を開くと 編集という項目がありますが ノイズ除去や 色補正 明るさの調整など 画像処理のソフトと同じような機能があります。 たぶんAndroidでも同じような機能が有るのでは？ 申し分ないほどきれいに撮れた時はよいのですが 暗くなってしまった場合

                                  ブログ用画像をスマホでリサイズ・iPhoneショートカット - ♛Queens lab.

                                • 画像のリサイズをJavaScriptで行う

                                  画像をバックエンドに送る前にリサイズしたい時があると思います。 サーバー側でリサイズ処理を行うのは、それだけでもアップロード時のネットワークの負荷などもあって あまりよろしくないことがあります。 なので、フロント側、つまりJavaScriptでリサイズしましょうという考え。 流れ 画像読み込む canvasを作成 好きな大きさを指定 画像をcanvasに貼り付ける(位置や、canvas内の画像の大きさなども指定する) DataURL(文字列化)にする このような流れになりますが、流れを見るより処理を見た方が分かりやすいかと思います。 リサイズ処理 画像読み込み 画像の読み込みを行います。 const inputElement = document.getElementById("input"); inputElement.addEventListener("change", roadImg

                                    画像のリサイズをJavaScriptで行う

                                  • 画像ファイルをドラッグ&ドロップするだけで、リサイズやパディング、WebP変換などの処理を行ってくれるユーティリティ「Messer for Mac」がリリース。

                                    画像ファイルをドラッグ&ドロップするだけで、リサイズとパディング、WebPなどへの変換処理を行ってくれるメニューバー常駐型のMac用ユーティリティ「Messer」がリリースされています。詳細は以下から。 MesserはドイツのエンジニアOscar Francoさんが開発＆公開したMac用のイメージコンバーターアプリで、アプリを起動して表示されるメニューバーアイコンに、PNGやJPEGなどの画像ファイルをドラッグ&ドロップするだけで、リサイズやパディング、フォーマットの変換などを行ってくれます。 Messer is the simplest and most powerful macOS productivity app, you simply drag your images and photos, and out they come in the format you want, on

                                      画像ファイルをドラッグ&ドロップするだけで、リサイズやパディング、WebP変換などの処理を行ってくれるユーティリティ「Messer for Mac」がリリース。

                                    • 画像リサイズ処理のうんちく - Qiita

                                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 画像リサイズ処理の個性についてのうんちく話です。(2019年06月04日 投稿) はじめに ビットマップ画像は表示する状況に応じてさりげなくリサイズ処理するシーンが多々あります。 そのリサイズ結果をよく眺めると、同じ画像を同じサイズ(width x height)指定でリサイズしても、アプリの種類やその時々の状況で異なる画像が生成される事に気づくでしょう。 その差異になり得る要素を紹介します。 アスペクト比と内接外接 補間フィルタ iDCT scaling コーナー合わせ パレット色維持 ガンマ補正とリニアRGB 内部ビット深度 USM

                                        画像リサイズ処理のうんちく - Qiita

                                      • lambda@edge上でwasmを使用した画像リサイズにおける速度

                                        はじめに 最近、lambdaでwasmを利用できることを知ったので、画像のリサイズ処理をwasm（Rust）で行った場合の速度を計測してみました。 環境構築 環境構築には下記を使用しました。 Terraform Docker Git AWSリソースの用意 AWSリソースの作成にはTerraformで行います。 今回使用したtfファイルはこちらになります。 AWS 構成 作成する手順は下記の通り。 git clone https://github.com/takenoko-gohan/terraform-image-resizing-on-cloudfront.git cd terraform-image-resizing-on-cloudfront terraform init # 問題がないか確認 # 変数 prefix は任意の値を指定してください terraform plan -va

                                          lambda@edge上でwasmを使用した画像リサイズにおける速度

                                        • Nuxt.jsにCKEditorを導入し、エディタ内の画像の移動、リサイズをドラッグで実現する - Qiita

                                          注意 もっと簡単な導入方法を見つけました。以下を参照してください。 https://qiita.com/idani/items/661e5aaa9dc32588d204 はじめに CKEditorで編集しているHTMLで、画像を挿入した場合に、ドラッグで画像サイズを自由に変更したい。 CKEditorのデモサイトでは、以下のように自由に画像のサイズをドラッグで変更ができる。 ところが、Vue.jsに導入したCKEditorでは、画像のサイズ変更ができなかった！！ TL;DR Enhanced Imageプラグインを導入することで、ドラッグでの画像のリサイズに対応するようです。 デモサイトと今回作成したサンプルコードをGithubで公開をしています。 https://github.com/idani/ckeditor4-vue-image-resize 以下、Vue.jsのCKEditor4

                                            Nuxt.jsにCKEditorを導入し、エディタ内の画像の移動、リサイズをドラッグで実現する - Qiita

                                          • CloudFrontとLambda@Edgeを利用して画像をリサイズさせる

                                            リサイズされた画像をS3へ保存せずに、原本のみ利用してリサイズさせる方法がないか調べてみましたが、Lambda@Edgeを利用してリサイズさせる方法があったので、試してみました。 Lambda@Edge動作概要# Lambda@EdgeはCloudFrontへアクセスする時に実行されるLambdaの拡張版です。 CloudFrontイベント発生時、Lambda関数の実行が可能です。 イベントには４種類があります。 Viewer Request : CloudFrontがビューアーからのリクエストを受け、リクエストしたオブジェクトがedge cacheにあるかを確認する前に関数を実行します。Origin Request : CloudFrontがオリジンにリクエストを渡す場合のみ実行されます。 リクエストしたオブジェクトがedge cacheにある場合は関数は実行されません。Origin R

                                            •  Automaterのワークフロー 画像リサイズをショートカット.appで作りなおした - T’s blog

                                              ずいぶん前にMacのAutomater.appで画像のサイズを縮小するワークフローを作りました。ワークフローのこともよく分からないので見様見まねで完成させて今でも利用しています。 画像でみても意味不明なレシピが並んでいて作成には苦労しました。それでもサイズの縮小をしてイメージの種類を変換するまでの作業をプレビュー.appで仕上げるのを手作業で行うと時間がかかります。Automaterのワークフローなら画像をアイコンにドラッグ＆ドロップするだけで瞬時にできます。 macOS MontereyからiPhoneなどと同じショートカット.appが採用されました。画像リサイズショートカットもAutomaterのワークフローと同じものが作成できます。Automaterのワークフローをショートカット.appに読み込む事もできそうですが画像リサイズワークフローは動作しませんでした。そのためショートカット.

                                                 Automaterのワークフロー 画像リサイズをショートカット.appで作りなおした - T’s blog

                                              • 【WordPress】WP-CLIを利用して、負荷を減らしつつ画像のリサイズをしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

                                                こんにちは、エンジニアのづやです。 WordPress便利ですよね。ただサイト構築してる最中だったり、リニューアルだったりで画像のサイズパターン増えちゃうことありますよね。そんなとき、過去にアップロードした画像を作り直すことがあるかと思います。 プラグインでやるなら、Regenerate Thumbnailsなどを使用するでしょうか。管理画面からすべての画像をリサイズできるのは、すごく便利ですね。ただすべての画像の、すべての画像サイズに対して、リサイズを行う必要が発生してしまいます（1個ずつもできるけど、あんまりないですよね）。 画像サイズや量によっては、膨大な時間がかかってしまうこともあります。一度に検証することで、サーバに負荷がかかって重くなってしまうこともあります。 そんなときWP-CLIで画像をリサイズするとで解決できることもあったので、使い方を紹介します。 wp mediaコマン

                                                  【WordPress】WP-CLIを利用して、負荷を減らしつつ画像のリサイズをしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

                                                • Cloudfront+Lambda@edgeを利用してサーバーレスに画像をリサイズ・変換して返却するCDNを構築したお話

                                                  この記事は「Eureka Advent Calendar 2020」13日目の記事です。 こんにちは、2匹の猫様に尽くす傍、エンジニアを営んでいるSREチーム エンジニアの@marnieです。 だいぶ肌寒くなってきましたが、幸い我が家には長毛種の猫がいるので、心も体も温まります。長毛種の猫素晴らしい。はぁすばら。 さて。このまま猫自慢だけで押し切りたい所ですが。 直近は半分趣味・半分業務的な機会もあり、CloudFrontとLambda@Edge周りを触っていましたので、CloudFrontとLambda@Edgeを利用して画像を動的に変換するCDNの構築や実運用のTrafficに乗せてみての所感などについて、つらつらと書いていけたらと思います。 CloudFront+Lambda@Edge? Lambda@EdgeはCloudFrontの機能の一つで、世界各地に散らばるCloudFron

                                                    Cloudfront+Lambda@edgeを利用してサーバーレスに画像をリサイズ・変換して返却するCDNを構築したお話

                                                  • Canvas を使って画像をリサイズする - コネヒト開発者ブログ

                                                    はじめに こんにちは！ フロントエンドエンジニアの もりや です。 今回はママリのアプリ内で使われている WebView で、画像をリサイズする処理を Canvas で実装した事例を紹介します。 画像のリサイズが必要な理由 昨今のスマホのカメラで撮った画像は数MB程度と大きく、アップロードに時間がかかったり、そもそもサーバー側で何MBまでの画像を許容するかなど課題もあります。 また iOS/Android のママリアプリでも、おそらく同様の理由からリサイズをしてアップロードするようになっていました。 そのため、WebView でもアップロード前に画像をリサイズする処理を入れ、快適かつ安全にアップロードできるようにしました。 ライブラリなどもあると思いますが、今回のようにシンプルなリサイズ用途であれば Canvas のみで十分可能と判断し実装してみました。 Canvas とは Canvas

                                                      Canvas を使って画像をリサイズする - コネヒト開発者ブログ

                                                    • 複数の画像を一括でトリミングおよびリサイズするフリーソフト

                                                      ②　ダウンロードした圧縮ファイルを解凍し、中にある「Ralpha.exe」を開く。 ③　ソフトが開くので、トリミングしたい画像をドラッグアンドドロップし、右メニューの「トリミング」のみにチェックを入れ、その横の歯車のボタンを押す。 ④　編集ウィンドウが表示されるので、ウィンドウ内のグレーの枠線をトリミングしたい箇所に合わせて移動、変形させた上で「OK」ボタンをクリックする。 ⑤　メイン画面に戻るので「実行」ボタンをクリックする。 ⑥　元の画像が保存されているフォルダに新しいフォルダが生成され、そこにトリミングされた画像が保存される。 生成されるフォルダ名はデフォルトで「resize」。 これにて、作業完了。 ちなみに、本ソフトはトリミングだけでなく、複数画像のリサイズ(画像の倍率の変更)も一括で可能である。 方法は、 ① メイン画面にリサイズしたい画像をドラッグアンドドロップする。 ② 右

                                                        複数の画像を一括でトリミングおよびリサイズするフリーソフト

                                                      • PixiJSでリサイズと回転が可能な描画オブジェクトを作る

                                                        概要 図形を編集できるソフトウェアなどでよく見かける、矩形オブジェクトをリサイズしたり回転したりできる機能が作りたくて先日コードを書いてみたが、想像以上に難しかったのでハマりポイントを含めた制作手順をここに書くことにした。 制作環境 Vite TypeScript PixiJS 描画ライブラリは何でもいいのだが、描画領域をクリックしたらイベントが取れるライブラリだと楽なのでPixiJSを採用した。 環境の用意 npm create vite Project name: ... sketch √ Select a framework: » Vanilla √ Select a variant: » TypeScript

                                                          PixiJSでリサイズと回転が可能な描画オブジェクトを作る

                                                        • Googleフォトの直リンクURLを取得しブログなどに貼り付ける (リサイズも可能)

                                                          Googleフォトにアップロードした画像の、直リンクURLを取得する方法を解説します！ 今回紹介する方法を使用すると、ブログなどのWebページにGoogleフォトの画像を直接貼り付けることが可能になります。 さらに、直リンクURLの末尾に画像サイズを指定するパラメータを使用すると、簡単に画像リサイズもできるため、当記事では、その辺りについても詳しく紹介します。 スポンサーリンク Googleフォトの画像を誰でも見れるようにするには？ セキュリティ上当然ですが、Googleフォトに格納された画像は、自分のGoogleアカウントでログインしているブラウザなどからしか見れません。これは画像への直リンクであっても同じ仕様です。 ただ、Googleフォトの画像をブログなどに貼り付ける場合は、自分以外の誰からでも見れるようにする必要があります。 誰からでも見れるようにするには、「共有設定」したアルバム

                                                            Googleフォトの直リンクURLを取得しブログなどに貼り付ける (リサイズも可能)

                                                          • 「Copilot in Windows」を開くと他のウィンドウが移動・リサイズされる不満が解消へ

                                                              「Copilot in Windows」を開くと他のウィンドウが移動・リサイズされる不満が解消へ

                                                            • Webアップロード用写真のリサイズ【Chromebook】 - わくワーク

                                                              お元気さまです。わくワークの義（ヨシ）です。 以前、Macbookで写真のリサイズをする方法を共有しました。 waqwork.hatenablog.com 今回は、Chromebookで写真をリサイズする方法を共有します。 とても簡単です！ スマホで撮影した写真をGoogleフォトからダウンロードしたファイルは2.8MBありました。 ダウンロードしたファイルを開くと次の画面になります。 右上のほうにある鉛筆マークのアイコンをクリックすると次の画面になります。 画面下方の 左から３つ目のアイコンをクリックすると、サイズが入力できます。 幅を約５分の１の「８００」にしてみます。 ファイル名を入力して「完了」します。 簡単ですよね。 実は、これまで拡張機能を利用しており、その方法を説明するブログを作成していました。結構面倒だったので、もっと簡単にできないかと触っていたら偶然に気がつきました。 こ

                                                                Webアップロード用写真のリサイズ【Chromebook】 - わくワーク

                                                              • GIMPで写真や画像を簡単にリサイズする2つの方法

                                                                ダウンロードした写真や画像、カメラで写した写真などをGIMPで開いたとき、画像のサイズが大きいからウェブページに合うように小さくしたいんだけど、どうやったらできるの？って困っていませんか？ 今回はGIMPを使って簡単に画像サイズを変更（リサイズ）する方法を2つご紹介します。 それではさっそくリサイズ操作を覚えて素敵な画像を作成しましょう。

                                                                  GIMPで写真や画像を簡単にリサイズする2つの方法

                                                                • 複数のPNG画像を一括で圧縮/リサイズし、透かしの挿入も可能なMac用イメージコンバーター「PNG Light」がリリース。

                                                                  複数のPNG画像を一括で圧縮/リサイズし、透かしの挿入も可能なMac用イメージコンバーター「PNG Light」がリリースされています。詳細は以下から。 PNG LightはWebPやHEIC、JPG、PNGなどの画像ファイルを一括変換、圧縮、リサイズしてくれるMac用イメージコンバーター「Image Tool+/WebP Converter」を開発しているReiji Kobayashiさんが新たに公開したイメージコンバーターアプリで、ドラッグ&ドロップした複数のPNG画像を一括して圧縮、リサイズする機能があります。 PNG画像をWebサイト, Blog, 送信等様々な用途のために最適化できます。複数PNG画像に対し一括で圧縮、リサイズ、透かしをすべてオフラインで実施できます。 PNG Ligh‪t‬ – Mac App Store ライセンスを見る限りPNG LightにはImageAl

                                                                    複数のPNG画像を一括で圧縮/リサイズし、透かしの挿入も可能なMac用イメージコンバーター「PNG Light」がリリース。

                                                                  • Realmac、リサイズやウォーターマーク機能などを追加したMac用画像圧縮ツール「Squash 3」を近くリリース。

                                                                    Realmac Softwareがリサイズやウォーターマーク機能などを追加したMac用画像圧縮ツール「Squash 3」を近くリリースすると発表しています。詳細は以下から。 Mac用Webオーサリングツール「RapidWeaver」シリーズやタスク管理アプリ「Clear」などを開発&販売している英Realmac Softwareは現地時間2021年03月11日に公開したメーリングリストの中で、同社が開発＆販売している画像圧縮ツール「Squash」のメジャーアップデートとなる「Squash v3」を近くリリースすると発表しています。 Squash 3 is almost here! We’ve been working on a huge upgrade to Squash since late last year. Version 3 has been re-written from th

                                                                      Realmac、リサイズやウォーターマーク機能などを追加したMac用画像圧縮ツール「Squash 3」を近くリリース。

                                                                    • 複数の画像を一括リサイズする方法 - PowerToys - Windows 11 / 10

                                                                      PowerToysを使って、Windows 11/10の複数の画像を一括リサイズする方法を紹介します。 Microsoftが開発・配布している「PowerToys」を使えば、複数の画像を一括リサイズすることができます。 PowerToysをインストールしていない方はこちらをご覧ください。 PowerToysのダウンロード・インストールする方法 – Windows 11/10 複数の画像を一括リサイズする方法は？ 複数の画像を一括リサイズする方法は次の手順です。 [PowerToys] アイコンをクリックする タスクバーの通知領域にある「＾」をクリックし 「PowerToys」アイコンをクリックしましょう。 Image Resizer を有効にする PowerToysの設定です。 左メニューの [Image Resizer] を選択し [Image Resizerを有効にする] を [オン]

                                                                        複数の画像を一括リサイズする方法 - PowerToys - Windows 11 / 10

                                                                      • [After Effects]コンポジションのリサイズを簡単に | EverydaySkillShare

                                                                        シェイプレイヤーやテキストレイヤーをプリコンポジションすると元のコンポジションサイズになってしまい透明な領域が大きくなりがちです。そんな時にお勧めの手順があります。 目標範囲 コンポジションを目標範囲にクロップ 表示領域を調整したあとはコンポジションメニューから コンポジションを目標範囲にクロップ を選択すると表示されていた範囲にコンポジションをリサイズすることが可能です。 非常に便利な機能ですので是非使ってください。 コンポジションをリサイズして快適なAe生活を^^

                                                                        • 【iPad＆iPhoneでできる】簡単にウォーターマークを入れる＆リサイズと軽量化を一気に自動化｜さび

                                                                          無断転載とかしないで〜というあのマーク、入れるのが結構毎回ね、めんどくさいんです。入れるのを忘れたり。 なんとか簡単にやりてえ！と思っていました。 また、油断するとiPadでクソでか画像を書き出してアップしがちなんです。 サイズを一定化して、かつ画質を落とす部分を、いちいちClipstudioや画像編集アプリでやるの、めんどくさくないですか？！ 特に漫画はグレスケ600dpiで作画するので一度web用に書き出して…マークを入れて……ああめんどくさい。 それをiOSに最初から入っている「ショートカット」というアプリで解決した話です。 同人誌のサンプル作りなどが楽になりますのでよろしければご活用くださいませ。 まずは実際の動作を御覧ください。 このショートカットアプリでやっていること選んだ画像を縦1500px（横は合わせて自動）にリサイズ 予め用意していたウォーターマークを自動で重ねる ウォー

                                                                            【iPad＆iPhoneでできる】簡単にウォーターマークを入れる＆リサイズと軽量化を一気に自動化｜さび

                                                                          • 画質を落とさずに画像をリサイズ - â™›Queens lab.

                                                                            スマホの画像は意外と大きい オリジナルとリサイズの違い 画像リサイズツール スマホの画像は意外と大きい WEB上で表示する画像の大きさは 見た目の大きさだけではありません。 例えばトップの画像はいつも 640pixelｘ371pixelで作っていますが スマホで撮影したままだと 2380pixelｘ3080pixel こんなに大きいです。 大きいままのメリットは 画質が鮮明な事。 デメリットは表示が重くなる。 写真多めの場合は特に重いです。 オリジナルとリサイズの違い なんと言っても画質の劣化です。 元々JPEGは劣化しやすいのですが 質感がかなり変わってしまいます。 一見同じように見える3枚の画像ですが 【左】 リサイズ無し2380ｘ3080 【中】 高さ371指定 ペイントショッププロ（ソフト）で リサイズ 【右】 高さ371指定 圧縮サイトで加工 スマホで見ると わかりにくいと思いま

                                                                              画質を落とさずに画像をリサイズ - ♛Queens lab.

                                                                            • 新サービス Cloudflare Images で画像リサイズと Polish どっちもかけちゃおう | DevelopersIO

                                                                              Cloudflare Speed の画像最適化オプションであるリサイズとPolish(クオリティ調整)なのですが、 併用ができないのでどうしても物足りなさがありました。 画像配信に特化した新しいサービス Cloudflare Images がリリースされ、もしかしたら同時にかけられるのではと期待｡('-'｡)(｡'-')｡ﾜｸﾜｸ 結論：できました！ ちなみに Cloudflare 上にドメインが乗っていなくても使えます。ドキュメント - https://developers.cloudflare.com/images/ サービスの概要を読んだ感想 配信と保管と最適化を全部 Cloudflare でやってしまおうということらしいです。 ストレージ、変換プラットフォーム間データ送信コストがなくなる "保存された画像"はオリジナルだけをカウントします。変換されたバージョンには費用がかからないの

                                                                                新サービス Cloudflare Images で画像リサイズと Polish どっちもかけちゃおう | DevelopersIO

                                                                              • Photoshop（フォトショップ）で大量の画像を一括でリサイズする方法 | UMEsearch（うめサーチ）

                                                                                こんにちは。うめです。 大量の画像サイズを小さくする必要があった場合、1枚1枚ペイントやPhotoshopでリサイズするの、面倒ですよね。 今回は、Photoshopを使って一括でリサイズする方法をお伝えします。 手順は多めですが、一度覚えると作業時間が大幅削減されますよ。 使用する機能と事前準備 使用するものは、Photoshopの「バッチ」と「アクション」という機能です。 これは、一定の作業を記録しておき、同じ工程を繰り返してくれる便利機能。 できる条件 全ての画像の縦横比が同じであること。 準備しておくこと リサイズしたい画像を1つのフォルダに集めておくリサイズが終わった画像を入れるためのフォルダを作っておく リサイズの手順　動作の記録 リサイズは、 「リサイズの動作を記録する」という作業と、 「記録させた動作を実行」して一括リサイズするという作業 の2つに分かれます。 ①リサイズし

                                                                                • 画質を落とさずリサイズ　Windowsの機能 - â™›Queens lab.

                                                                                  はてなフォトライフで Windows限定機能 はてなフォトライフで スマホで撮った写真って 見た目はあんなにちっちゃいのですが 画面に合わせて表示されているだけで 実際のサイズは大きくて重いのです。 はてなブログの場合は はてなフォトライフに 直接アップロードすれば デフォルトで縦又は横が 800pixelに縮小されます。 この数値は設定を変更できるようです。 画像の加工をしない場合は この機能を使いましょう。 参考までに私のサムネイルは 640ｘ370pixelで作っています。 Windows限定機能 前回ブラウザ上でリサイズできるソフトを 紹介しました。 今回は Windows限定機能ですが 簡単にリサイズする方法を ご紹介します。 ※Windows10では確認済み それ以前のものはわかりません。 リサイズしたい画像を開きます Jpg. png.は動作確認済みですが Heic（iPho

                                                                                    画質を落とさずリサイズ　Windowsの機能 - ♛Queens lab.
                                                                                  1

                                                                                  新着記事

                                                                                  はてなブックマーク

                                                                                  公式Twitter

                                                                                  はてなのサービス

                                                                                  • App Storeからダウンロード
                                                                                  • Google Playで手に入れよう
                                                                                  Copyright © 2005-2025 Hatena. All Rights Reserved.