Run time and cost This model runs on Nvidia T4 GPU hardware. Predictions typically complete within 32 seconds. The predict time for this model varies significantly based on the inputs. Model description Provides approximate text prompts that can be used with stable diffusion to re-create similar looking versions of the image/painting. Try it by copying the text prompts to stable diffusion! A sligh
Stable Diffusionのimg2img(画像から画像)をソフトから簡単に実行 [NMKD Stable Diffusion GUI]
タグ Chrome拡張機能NMKD Stable Diffusion GUIバッチPowerShell自作ソフトVisual StudioKeePassDXBlueMailAIStable Diffusion 作例脱獄AUTOMATIC1111カスタムCSSChatGPT数学ネタ数学サイトMathematica化学ツールmhtmlSourcetreeiPhoneコマンドプロンプトGeForceAzureDeepLMicrosoft IMEWordPressトラブルUnicodeF-Secureネットスラング(英語)ExcelGoogleDriveWindowsカスタマイズパブリックドメインTHE THORブックマークレットJavaScript家電トラブル詐欺サイト数学LibreOfficeChrome三角関数フィボナッチ数タスクバー日本語の疑問漢字ネット接続不良IMEAndroidトラブル
![Stable Diffusionのimg2img(画像から画像)をソフトから簡単に実行 [NMKD Stable Diffusion GUI]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0c5e1f50458771706c46e25eb36107428cfd8fd/height=288;version=1;width=512/https%3A%2F%2Fpajoca.com%2Fwp-content%2Fuploads%2F2022%2F09%2Fstable-diffusion-gui-img2img-768x432.png)
img2imgとその他全部盛りのツールをローカルで動かそう[StableDiffusion]｜abubu nounanka
2022/09/28追記。現在は色々アプデされて内容が結構変わってしまったので他の導入記事を参考にすることをオススメします。 こんにちは。前回StableDiffusionの単独動作版アプリを紹介しましたが、今回は、画像をベースに画像を生成するimg2img、テキストから生成するtext2img、顔補正、画像拡大など、全部盛りのローカル動作版ツールを紹介します。インストールは前回ほど楽ではありませんが、基本的にクリックして待ってるだけなのでまぁ。 必要になるもの ・VRAM5GB以上のNVIDIA製グラボ ・StableDiffusion 学習済みモデル v1.4 ・Miniconda3 ・HDD空き容量 20GB ・待ち時間 15分くらい インストールの参考にしたこちらの「ULTIMATE GUI RETARD GUIDE」を和訳しながら解説します。（究極GUI知恵遅れ向けガイドってお前
![img2imgとその他全部盛りのツールをローカルで動かそう[StableDiffusion]｜abubu nounanka](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bcf2c1733aec826fda69e7ba84b49b77adb4e18/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F85627078%2Frectangle_large_type_2_f8e06f8f4e3f5646b7d66b09c31b7796.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Nuxt.jsとVuetifyで画像の指定方法について色々と詰まったので今回はそのことについてまとめてみました。 画像の格納場所 Nuxt.jsには画像ファイルを「assets」と「static」のどちらかに格納することができます。 それぞれの格納場所によって指定方法が異なります。 「assets」からの指定方法 assets配下のファイルを使用する場合は「~/assets」を指定します。 「~」（チルダ）をつけることが普通のHTMLとは異なり、これがないと表示されません。 「~」の代わりに「@」（アットマーク）でも表示されました。 公式ドキュメント内で書かれているようにCSSでエイリアスを参照する場合は注意が必要です。 アセット Warning: Nuxt 2.0からは ~/ エイリアスは CSS ファイルで正しく解決されないでしょう。 CSS の参照には、~assets（スラッシュなし
【Stable Diffusion】「Ultimate SD Upscaler」を使って生成したAIイラストを高画質化する方法！【img2img】
こんにちは！悠です！ 今回は「Stable Diffusion」で、「Ultimate SD Upscaler」という拡張機能を使って生成したAIイラストを高画質化する方法についてまとめていきます。 以前紹介した「MultiDiffusion」と同じくimg2imgを使ってアップスケールするので、元画像をほぼ改変することなく高画質にすることができますよ！
deSVGは、imgタグで設置しているSVGファイルをインラインSVGに変換してくれるJavaScriptライブラリです。 SVGの色をCSSで変更しようと思った場合、imgタグで設置されているSVGファイルは変更できず、インラインSVGとしてHTMLにコードが記述されている必要があります。 ですが、SVGのコードは非常に長くなる場合もあり、HTMLに直接記述するのは嫌だなーと思うかもしれません。そんな時はdeSVGを使えば、HTMLにはimgタグとして記述し、ページが読み込まれた時にインラインSVGに変換するといったことが可能になります。 例えば、以下のようにimgタグでsample.svgを読み込んでいたとします。 <img src="sample.svg" alt="" class="svg"> deSVGを使うと、以下のようなインラインSVGに変換することができます。 <svg i
日本語で → とある匿名掲示板で本来は１人１回しか押せない「いいね」を何度でも押せる裏技があるので、試しにそれを使ってセルフ「いいね」連打でレスバをコントロールしてみたけど虚しくなった話 「img」っていうのは「ふたばちゃんねる」という２ｃｈの劣化コピーみたいな掲示板にある２大板のちょっと過疎ってる方。 ２ｃｈで言うと「ニュー速」と「VIP」のVIPの方、もうちょい踏み込んでいいなら「嫌儲」と「なんJ」のJの方。 「フェイスブック」と「ツイッター」だと「ツイッター」に近い方って言い方のが伝わりやすいのかな。 「そうだね」っていうのはレスごとに入れられる「いいね」ボタンで、ようははてなスターみたいなもん。 これは本来１回線につき１回しか入れられないので、これの数が本来ならそのまま「わざわざいいねを押すほど賛同した人の数」になる。 でも裏技があって、スマホやガラケーで機内モードとかを使って回線
imgタグとJavaScriptそれぞれで同じ画像にアクセスした際に Chrome でのみ CORS エラーになる場合の対処 | DevelopersIO
西田@大阪@MAD事業部です 今回は Chrome で1つの画像を同じURLで <img> タグと JavaScript とそれぞれでダウンロードした時に、JavaScriptでのリクエストがCORSエラーになる現象に遭遇したので、その原因を調査しました 現象 WEB(上記図でweb.example.com)から ASSETS (上記図 で assets.example.com) に <img> タグの src 属性に設定して画像をダウンロードした場合は成功して、 JavaScript で fetch関数等を用いてダウンロードした場合は CORS Error になってしまいます 原因 Chrome が<img>タグで画像をダウンロードした際にHTTPヘッダも含めたレスポンスをキャッシュし、JavaScriptでダウンロードしようとした際にHTTPヘッダも含めてそのまま返してしまうのが原因で
【CSS】実は br や img に ::before, ::after 疑似要素が入れられる（場合がある）【置換要素】
この記事で紹介するのはお遊びのようなものであり、実用を目的としていません。 後に説明する通り、ブラウザによって表示が異なるなど、動作が保証されませんのでご注意ください。 はじめに結論から br や img には通常、::before, ::after 疑似要素を追加できません。 しかし、以下の Codepen にサンプルを示した通り、br や img 自体のコンテンツを置き換えることで、疑似要素を適用できます。
生成AIグラビアをグラビアカメラマンが作るとどうなる？第28回：SD3 Mediumその後と、KolorsなどポストSD的なtxt2imgモデルを試す(西川和久) | テクノエッジ TechnoEdge
現役グラビアカメラマンでありエンジニアでもある西川和久氏による生成AIグラビア連載の第28回は、Stable Diffusion 3 Mediumの方針転換と、Kolors など非SD系の新 txt2imgモデルについて。 『生成AIグラビアをグラビアカメラマンが作るとどうなる？連載』記事一覧』 連載27回にSD3 Mediumは、ライセンス問題やクオリティ問題があり、失速している的なことを書いたが、7月5日に劇的な発表があった。ざっくり焦点は以下の2つ。 研究、非商用、商用のいずれの用途でも無料。年間収益が100万米ドルを超え、商用製品またはサービスでStability AIモデルを使用する場合のみ、有料のエンタープライズライセンスが必要 SD3 Medium はまだ開発中で、今後数週間以内に、大幅に改善されたバージョンをリリースする予定 筆者が指摘した部分が大きく変わった。改善版が実際
https://note.com/kallibebe666/n/nae314cdb5c00 始め方と大雑把な使い方が書いてある前回はこちらから 今回はimg2imgのやり方を書いていきます img2imgとは、ざっくり言うと既存の絵から再生成するって認識でOKです 使い方 描いた絵からimg2imgする場合 ①Paint New Imageをクリックします。 ②すると透過のキャンバスともろもろのメニューが出てきます ③メニューは左から ・ペン ・消しゴム ・選択 ・スポイト ・色選択 ・ペンのサイズ選択 になります 右の方はサイズを変更したりやり直したりのあれです ④美少女を描きます どう見てもサングラスを頭に載せた白髪猫耳美少女ですね・・・ ⑤右上のSaveを押します ⑥今回は右のメニューからStrengthとNoiseを選択できます。 Strengthを下げるとオリジナル（描いた/アッ
imgタグにはwidthとheightを直接設定する事はSEO上重要 最近まではimgタグにwidthやheightなど幅と高さの数値を入れずに、CSSでコントロールする流れが主流でした。 しかしGoogleの新しいアルゴリズム「Core Web Vitals」の要素が発表された事で、その状況は一変する事になります。 Googleが導入した新しいアルゴリズムの要素として 上記の現象を持つWEBページについては、改善をしなければ検索順位に影響する事になります。 SEO評価を上げるチャンス しかし逆に言えば、それらを改善する事でWEBサイトの検索順位が上がる可能性も示唆しています。 このアルゴリズムに対応するためのSEO対策の一つが、画像タグにwidth・heightの数値を直接入れておく事です。 今後検索で上位を目指すWEBサイト制作にとって、imgタグに幅と高さのサイズ設定をしておく事は必
Googleが発表した、WebページUX指標「コアウェブバイタル」には、「LCP」「FID」「CLS」の3つの指標があります。詳しくは Web担当者フォーラムの【重要】コアウェブバイタルとは？ グーグルのUX指標LCP/FID/CLSの意味や基準値をわかりやすく解説【SEO情報まとめ】に書かれています。 この中のCLS（Cumulative Layout Shift）とは「累積レイアウト変更」の意味で、視覚要素の安定性を示す指標です。例えば画像を読み込む際、その画像サイズが指定されていなく、画像の次にはテキストが書かれていたとします。この場合、テキストの方が軽いため先に読み込まれます。まずテキストが読み込まれ、その間に画像が読み込まれますが、ブラウザは画像サイズが分かりません。読み込みながら「あ、この画像は500 x 500の画像だったのか」と理解し、テキストの上に縦横500の余白を作り、
【Stable Diffusion】「MultiDiffusion」を使ってimg2imgで生成したAIイラストを高画質化する方法！
気になったゲームの攻略情報、PCの豆知識、様々なガシェットのレビューなどを紹介してます！その他にも管理人の趣味をいろいろと書き綴っています。
Vueのassetsフォルダに入れたimg画像ファイルを使用する方法 | devsakaso – プログラミングの独学サイト
2021年6月19日Vue.js Vueのassetsフォルダに入れたimg画像ファイルを使用する方法をまとめました。 まず、Nust.jsで使う場合、こちらの記事がとても参考になります。 assetsフォルダではなくstaticにいれるなどした画像の配置場所で指定方法が異なるので注意が必要です。 フォルダ構成 src/ |- assets/ | |- img/ | | |- img1.jpg | | |- img2.jpg | | |- img3.jpg | | |- img4.jpg | | |- img5.jpg | ... | |- main.js |- App.vue srcフォルダのassetsフォルダにimgフォルダを作成して、その中に画像ファイルを格納しているとします。 imgタグの静的なsrc属性で指定 <template> <header class="header">
先日から使ってみているRoamResearchがとても使い心地が良く、常用しているのでざっくり紹介。 [$card](https://roamresearch.com/) PCでノートというとEvernoteやBoostnoteを使っていたが、RoamResearchはこれらとは全く毛色が違うノートアプリだ。 # アウトラインプロセッサー形式で、メモを書きやすい ログインするとまず目にするのはその日の日付がタイトルになったノートだ。これがDailyNoteで、毎日自動的にその日のノートが1ページ作られる。 ノートはアウトラインプロセッサー形式になっていて、階層的にメモを書きやすい。操作性はとても快適で、画面右下の「?」アイコンにあるいくつかのショートカットを覚えると、スムーズにメモを書いていける。Markdownの基本的な記法に対応しており、見出しやリンクなども自由に書ける。また、チェック
CSSでheight:100%指定したimg、Safariで見ると画像がボックスをはみ出ていた意外な原因 - Qiita
CSSでheight:100%指定したimg、Safariで見ると画像がボックスをはみ出ていた意外な原因HTMLCSS テキストを画像化してimg要素としてdivに配置し、iPhoneやデスクトップ版のSafariで表示したら、なんだか画像のサイズがおかしい。CSSに指定したheightの寸法よりも大きく見える。インスペクタで要素の高さを確認したところ、問題のimg要素だけheightの計算値がおかしい！こんな現象にハマりました。発生条件が判ったのでメモ。 動作環境 macOS 10.14 (Mojave), Safari 13.1 現象 要素div.tabに固定のheightと上下にpaddingを持たせ、子要素としてimg要素をheight: 100%で埋め込みます（下図）。図で「LOREM IPSUM」はテキストを画像化したものです。デスクトップ版のChromeやFirefoxでは、
2023/05/01 (更新日: 2023/09/29) 【Stable Diffusion】参考画像から画像を生成するimg2imgの使い方を解説！ AIイラスト ※当ブログはアフィリエイト・アドセンスによる収益で運営されています。 もともと手元にある画像から新しくイラストを生成したい 呪文（プロンプト）だと、なかなか思いどおりの結果にならないんだよね… txt2imgで生成したお気に入りのイラストをもっと高品質にしたい！ こういったお悩みにお答えします。 Stable Diffusionでのイラスト生成に主流となっているtxt2imgですが、元がテキストなだけになかなか思うようなイラストができないことも…。 そんな悩みを解決してくれるのがimg2img。呪文に加えて既存の画像をベースに新しいイラストを生成するため、より細かなニュアンスを指示することができるのです。 この記事では 【St
stable-diffusion-webuiのtxt2imgをAPIでランダムワード生成自動化 - Qiita
プログラム例 画像サイズは 「"orig_width"」と「 "orig_height"」で指定します。 生成された画像は、「"outputs/krita-out"」フォルダに保存され、「outputs\txt2img-images」フォルダにも512×512の画像が生成されます。 「"sd_model"」はckptファイルの選択ですが、「"model.ckpt"」のままでも自動で選択されました。 固定ワードで連続生成 import requests params = { "restore_faces": False, "face_restorer": "CodeFormer", "codeformer_weight": 0.5, "sd_model": "model.ckpt", "prompt": "masterpiece, high quality, full body , a gi
プルリクエストを作る際に画像を Markdown から丁度よいサイズの img タグに変換してくれる Chrome extension「ImgConverter for Github」が超便利 - koogawa blog
プルリクエストを作る際、スクリーンショットを添付することはよくありますよね。 たとえばアプリのスクリーンショットを普通にアップロードすると自動で Markdown にしてくれるんですが、このままだと画像が大きすぎるんですよね😩 仕方ないので、画像を予め小さくリサイズしてからアップするか、img タグを使ってサイズを 50% ぐらいにするのですが、これがまためんどくさい😤*1 そこでこんなツイートをしたところ、とても有益な情報をいただきました。 ロジック気になりますね👀 自分はchrome extensionでmarkdownからimgタグに切り替えてますhttps://t.co/saFvimnoyc— funzin (@_funzin) 2019年8月1日 早速使わせて頂きましたが、まさに求めていたものはコレだ！という感じでした。 img タグなのでサイズも簡単に調整できちゃいます
いつのまにかPython版のOpenCV(contrib)でimg_hashモジュールが使えるようになっていたのでメモです（もしかして結構前から使えるようになってた、、、🦔？ バージョン opencv-contrib-python 4.5.2.54で試しています。 リポジトリ サンプルソースは以下のリポジトリで公開しています。 サンプル画像 サンプルとしてストリートバスケの画像を使います。 import cv2 sample_image01 = cv2.imread('OpenCV-img_hash-Sample-Private/01_images/000005.jpg') sample_image02 = cv2.imread('OpenCV-img_hash-Sample-Private/01_images/000004.jpg') sample_image03 = cv2.imre
おはようございます、なべやすです。 ブログやホームページに写真やイラストなどの画像を使うことは、サイト運営をしている人にとって一般的なことです。 その写真やイラストも、スマホやデジカメで撮ったものや画像サイトのものを、そのままブログやホームページに貼り付けて使えばいいかというと、それはちょっと違います。 加工や編集をしないまま画像を使うと、サイトのページが重くなるといったデメリットが発生することもめずらしくありません。 特に画像をたくさん使うサイトであれば、ページ読み込み速度も大きく低下してしまいますので、画像のサイズ変更や容量圧縮が必要です。 そのような際にオンライン画像編集ツール「I LOVE IMG」を使うと、画像の加工や編集が簡単にできます。 基本無料で利用できて、インストールも不要です。 当記事では、無料で簡単に使うことができるオンライン画像編集ツール「I LOVE IMG」をご
GitHub - skanehira/code2img: generating images of source code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Stable Diffusionベストプラクティス考察 txt2img編 Part.1 - Qiita
1.はじめに 2.変数の特徴と活用方法 3.まとめ 4.おわりに TL;DR 基本的な戦略 ランダム×固定seedでのPrompt engineering ランダムseedでのSeed hunting 固定SeedでのPrompt engineering その際の注意点 promptの長さは75token以内に step数は20程度まで減らして時短 最後は100以上で清書 大きなサイズでの生成は予期せぬ複製や見切れを生むため注意 Scaleはデフォルトでよし 1. はじめに この記事は、Stable Diffusionへの理解を深め、より効率的に使いこなすための方法を考察したものです。 なんとなくpromptを試してみる状態から、少しステップアップできる内容になっていると思います。 一応シリーズ化の予定です。 この記事で扱うトピック txt2imgを使う際にユーザーがコントロールできる主な
html上にimg要素として画像を配置する際、画像の下にmarginやpaddingでは消せない余白ができてしまうことがあると思います。 今回はこの謎の隙間を無くす方法をご紹介いたします。 なぜ隙間ができるのか？ 画像（img要素）に対して余白ができる原因は、画像を含むインライン要素が、ベースラインに配置されているためです。 つまり、imgを含むインライン要素（インラインブロックも含む）の初期値は「vertical-align: baseline;」ということになり、そのことがこの隙間ができる原因になっているのです。 この問題の解決方法 この問題はvertical-alignにbaseline以外のものを指定することで解決します。 css
HTMLの画像（imgタグ）の使い方・コンプリートガイド
imgタグの基本 imgタグの基本形 <img src="画像のURL" alt="画像の説明"> 👆画像を表示するHTMLの基本形はこのようになります。 srcで画像のURL（どこから画像を読み込むか）を指定し altに画像の説明文（何の画像か）を書きます。
[Stable Diffusion] AIでテキストと画像から新たな画像を生成する [img2img] 2022年8月27日土曜日 Artificial Intelligence 本記事では、機械学習手法Stable Diffusionを用いてテキストと画像から新たな画像を生成するimg2imgを実行する方法をご紹介します。 Stable Diffusion 概要 Stable Diffusionは、拡散モデルによる画像合成モデルです。 自然言語で入力されたテキスト(prompt)から画像を生成するText to Imageタスクを実現します。 Latent Diffusionをベースとした本モデルは、非常に大規模なデータセットであるLAION-5Bを用いてトレーニングされています。 GoogleのImagenやOpenAIのGLIDE, DALLE-2など最新の画像生成モデルは社会に与え
![[Stable Diffusion] AIでテキストと画像から新たな画像を生成する [img2img]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ff55a2d3554b906e9722877fe661c9b6e726725/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEgrzqM8C6hw14TSonVukNWsgzQsY7isEEOYRpb1O4ng5Wv5359a-a1iWGh8LV2mczSaIOPhiA8PX9uROHGOAGa0XYbhDZDYWWAqt62_nMvzMkyK1M9Zp4NZHTwiL-qZD8-t1i55rAr5Z5QVgryfkmnRduGRmrBJWZAxlK9eSqb7wD561OuBL5c9DCPgqA%2Fw1200-h630-p-k-no-nu%2Feye1.gif)
imgはpで囲う論争についての一考察 - Qiita
はじめに きっかけとなったのはこのツイートです． 駆け出しマークアップエンジニアが毎回ミスってること ・見出しの後に見出しはダメ ・マージンは下に下にが常識 ・HTMLに直にCSSを指定してはダメ ・titleはdescriptionの前にかく ・heightはpaddingなどで高さを確保する ・imgは実はpで囲うのが正しい 気づかれる前にチェックしておこう。 — 平尾誠@arutega (@Makopontass) September 9, 2019 imgは実はpで囲うのが正しい という意見があるのですが…… マークアップを何年かやってきて，これは初めて聞いた情報なので気になりました． 他の意見もこの記事で考察していきたいと思います． 情報の参照元について 今回の考察は W3CとWHATWGが合意しリビングスタンダードを標準と発表したことに基づいて HTML Living Stan
This Space has been paused by its owner. Want to use this Space? Head to the community tab to ask the author(s) to restart it.
検証の結果、次のようなURLですと、iPhone/Android/PC いずれにも表示可能です。いろいろなウェブサイトに掲載されている情報で iPhone でも表示可能となったわけです。一周回って、解決みたいなわけなので、2019.10.24 追記 の記事は一応残し、結論欄を「一般的な解決方法」「別の方法」の2段構えで掲載更新しました。 結論 一般的な解決方法 <img src="https://drive.google.com/uc?export=view&id=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&usp=sharing" とする。 XXXX部分は、画像毎のIDを代入します。 IDの取り方は、こちら参照 別の方法 上記方法でうまくできない場合にお試しいただきたい方法を記載します。 どうやらキャッシュサーバ（？）経由じゃないと、iPhoneでは表示できないようで
GitHub - mizdra/img-layout-shift-detector: The browser extension that detects `<img>` tags that cause Layout Shift
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
imgタグのalt属性について
alt属性について調べる機会があり、自分なりにまとめてみました。 間違い・ご指摘などあればご教示いただければと思います。 alt属性に結局何入れればいいのか問題 alt属性は入れるべきというのは聞いたことあるけど、実際どのように入れればいいのかわからないという方は多いと思います。明確な決まりがなく、適切ではない文言を入れたとしても目に見えてエラーが出るわけでもないため、曖昧な理解になりがちだと思います。 W3C WAIというWEBのアクセシビリティに関してのガイドラインの作成などをしている組織が「画像チュートリアル」というものを公開しています。「画像チュートリアル」ではalt属性の指定の仕方、具体的な事例や考え方が記載されています。このガイドを基準にしてalt属性を決めると、無駄に悩むことが減り、なぜこのような指定にしているかという根拠や参照元としての説得力もあるので、非常に有用だと思いま
qemu-img で スナップショットを取り扱う Snapshot を使って仮想マシンを管理したいなと。 snapshot / qcow2 仮想マシンの状態保存する機能。 kvm + qemu / qcow2 で使える。qcow2 を使う場合に使える。 qcow2 のストレージでサポートされていて、qcow-img で管理する。 今回は、libvirt や qemu 自体のスナップショット関連機能は言及しない。 qcow2 / qcow-img に絞り仮想マシンのスナップショットを管理する方法を記載する。 qcow2 機能 cow とスナップショット qcow の cow は copy on write の略称である。copy on write は、書き込み時にコピーし新領域に書き込む。つまり、古いデータを残せるってことよ。だからスナップショットを作れる。btrfs はFS自体に同じ機能を
template要素内のimg要素
大量の画像を一気に読み込ませないように写真や書棚のページではログ・ページを別に作っていたが、やはり統一したい。CSSなどで隠すとHTTPリクエストが発行されてしまうし、遅延読み込みはせめてネイティブ実装が揃わないと落ち着かない。実装とユーザー操作、転送量においてコストの低い方法を模索し、template要素内に書かれたimg要素ではHTTPリクエストが発行されないことがわかったので、これを利用した。 最初の36枚以外は、月ごとにセクション分けし、それをtemplate要素で括っておく。つまりHTMLファイルのサイズはかなり増える。あとはユーザーが明示的に押す読み込むためのボタンを置き、それを押すとmain要素へコピーするだけの数行のJavaScriptを読んでおく。 document.querySelector("button").addEventListener("click", eve
プロンプトで指示しても指示通りの画像が出力されないことがあります。例えば「青い髪で白い帽子と赤いシャツの女性」を生成してみましょう。プロンプトは「girl , white hat , blue hair , red shirt」です。 白い帽子と指定したのに帽子が赤く、シャツも赤だけでなく白が混ざっています。このようにプロンプトの指示と色が入れ替わる現象は、かなりの頻度で発生します。 前回の記事で取り上げたネガティブプロンプトや単語の強調を用いることで、より意図に近づけることは可能ですが、今回はさらに確実な方法を紹介します。それがimg2imgです。img2imgは画像を読み込ませて、それをもとに画像を生成する方法です。 読み込ませる画像として、下記の図を用意してみました。Googleスライドの基本図形を組み合わせただけのもので、「なんとか人に見えるかな」という程度のシンプルなものです。白
この記事は HTML アドベントカレンダーの 20 日目の分、兼 JavaScript アドベントカレンダーの 20 日目の分です。 HTML のタグといえば、要素の開始位置、終了位置、そして属性を指定する記述のことですね。開始タグは小なり記号 (<) の後に要素名が続きます。しかしながら、タグに既述した名前とは別の名前の要素が生成される場合があります。 以下の JavaScript コードを実行すると、JavaScript コンソールには (IMAGE ではなく) IMG と出力されます。タグに記述された名前は image なのに、img 要素が生成されているのです。 const div = document.createElement('div'); div.innerHTML = '<image src="" alt="">'; console.log(div.firstChild.
【Stable Diffusion】img2imgで簡単に高画質化できる拡張機能「Loopback scaler」の使い方を紹介！
こんにちは！悠です！ 今回は下記のRedditの記事で紹介されていた、「Stable Diffusion WebUI」のimg2imgを使って生成したAIイラストを簡単に高画質化できる拡張機能「Loopback_scaler」の使い方について紹介していきます。 Another way of upscaling in Auto1111 by u/Bra2ha in StableDiffusion 私が一番おすすめしている高画質化専用の拡張機能「MultiDiffusion」に匹敵するクオリティだったので、より大きい画像サイズを生成したい方やイラストのディティールを精細にしたい方はぜひ試してみてください！
概要 npm-scriptsでimgに自動でwidth/heightを付与する方法です。 Node.js上でDOM操作をするために、jsdomというモジュールを使います。 わりかし思いつきで書いたコードなので、考慮不足等々あったらご指摘ください（というか誰か最適化してくれ）。 前提 Mac環境のみ検証済み（Windowsは未検証です。適宜調整してください） ローカルにある画像が対象 参考リポジトリ 全体のコードは以下リポジトリに置いてあるので気になった方は参考にしてもらえると幸いです。 npm-scriptsの実装 大まかな流れ Node.jsでHTMLファイルを取得 jsdomを使用して、画像のパスを取得 image-sizeを使用して画像のサイズを取得 imgにwidth/heightを付与する width/heightが付与されたHTMLファイルを吐き出す 想定ディレクトリ 以下のデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
methexis-inc/img2prompt – Run with an API on Replicate
【Nuxt.js】imgファイルの指定方法について - Qiita
imgタグで設置したSVGファイルをインラインSVGに変換してくれるJavaScriptライブラリ「deSVG」
ふたばのimgでそうだねが自演できるらしいのでやってみたら虚しすぎた件
【AIART】NovelAIでimg2imgをしよう｜かりみや
再確認：画像imgタグにサイズ指定をする事はSEO上重要です
Googleの新しいUX指標、CLSエラーを解消するimgタグの書き方
ネットワーク思考のためのメモツール RoamResearch | Journal | COLUS IMG CO.
【Stable Diffusion】参考画像から画像を生成するimg2imgの使い方を解説！
【Python】OpenCV img_hashモジュールで画像ハッシュ計算・比較
【初心者でも安心】無料オンライン画像編集ツールI LOVE IMGの使い方 - なべやすブログ
【css】画像(img)の下に余白（隙間）ができる問題を秒で解決する方法
[Stable Diffusion] AIでテキストと画像から新たな画像を生成する [img2img]
あき先生 / Aki on X: "StreamDiffusion、ほぼ100fpsで画像生成出来るようになりました！！ sd-turbo, 512x512, batch size 1, txt2imgだと10msで1枚画像が生成出来ます！ 多分これが一番速いと思います https://t.co/4qleR2isW1"
Img To Music - a Hugging Face Space by fffiloni
Google Drive にある画像をimgタグで取得させるURLについて - Qiita
田中義弘 | taziku CEO / AI × Creative @taziku_co 【ブラウザと生成AIでロゴ作成を完結】 Microsoft CopilotがリリースされたことでBingと連携して、イメージ検索と合わせてロゴを生成が手軽に。 ここまで手軽になると、著作物からimg2imgで制作を行うというのは、もう止められないかもしれない。
qcow2 をqemu-img で スナップショットを取り扱う - それマグで！
プロンプトより簡単！「BRAV5」で“画像から画像を生成”するimg2imgのコツ
HTML の img 要素と image タグ: Days on the Moon
imgタグにwidth/heightをnpm-scriptsで自動付与する