タグ付けされた質問 「image」

イメージタグは、ソースコードのコンテキストでのイメージのロード、フォーマット、保存、圧縮、および表示に関連する質問用です。このタグは、さまざまな画像ライブラリの使用を支援するためにも使用する必要があります。特定の画像フォーマットに関する質問には、それらのフォーマットのタグを含める必要があります。質問がフォーマット変換、処理などに関連するものである場合は、タグを含めてください

1
コードとマークアップQ＆Aのサンプル画像[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する 画像を含むMCVE / SSCCEを準備する場合、画像に直接アクセスできると便利です。 ほとんどの質問をカバーする画像のタイプは、複数の色または形状の小さな画像、透明度あり/なしのアニメーションGIF、画像の「ペア」であり、画像遷移、タイルセット、スプライトシートで使用できるJPEGです。 これらのタイプの例にホットリンクできる小さな（30KB未満の）オンサイトのライセンス＆ロイヤリティフリーの画像はありますか？
131 java  javascript  css  image 
1
IllustratorからWeb用のSVGをエクスポートするための最適な設定は？
すべてのデバイスのレスポンシブデザインで見栄えを良くするために、ウェブサイトにSVGロゴを使用したいと考えています。 ただし、問題があるため、できるだけ多くのデバイスとブラウザをサポートしたいと考えています。ロード速度も重要な考慮事項です。Adobe Illustratorのエクスポート設定は、これらすべてにどのように適合しますか？ Illustratorには、SVGエクスポートのオプションがいくつかあります。まず、どのSVGプロファイルが最適ですか？ SVG Tinyの方がファイルサイズが小さいと思いますか？多くのデバイスがSVG Tinyをサポートしていますか？最も重要な違いは何ですか？（このW3モンスターを読む必要はありません。） 次に、画像の場所の最適なオプションは「リンク」だと思いますか？（感嘆符の後の説明を参照してください。） または、ブラウザは「埋め込み」オプションをどのようにサポートしていますか？ ありがとうございました！ PSフォールバックalpha-PNGオプションがありますが、SVGを可能な限りサポートする必要があります。（考えてみてください。JPGのようなフォールバックオプションは、alpha-PNG自体が古いIEのソリューションを必要とするため、おそらくこの場合に最適です。） 更新：構成可能なオプションがさらにあります。私はテキストを扱っていないので、私が見る唯一の関連するものは小数点以下です。ロゴの場合、最大200x200px（Retinaディスプレイでは400x400px）として表示されるものは、「3」が最適な設定ですか？または「2」でファイルサイズを最小化しますか？
5
背景を透明に変換する方法は？[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 4年前休業。 この質問を改善する 画像処理/編集ツールの経験はありません。私は、背景色（赤/青/白）の画像（小さいアイコン）をWebサイト用に透明に変換する必要があるプロジェクトを行っています。 目標は、赤い背景を透明に変換することです。 どの画像編集ツールを検討する必要がありますか？ その背景色をフィルタリングして透明にする方法は？
126 image  web 
8
HTML：ファイルのアップロードを画像のみに制限するにはどうすればよいですか？
HTMLで、アップロードできるファイルの種類を制限するにはどうすればよいですか？ ユーザーエクスペリエンスを簡単にするために、ファイルのアップロードを画像（jpeg、gif、png）のみに制限します。 <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>
10
画像をファイルとして保存するか、Webアプリのデータベースに保存しますか？
私の質問はかなり一般的であり、100％の回答が得られない可能性があることは知っています。多くの画像と、できればかなりの量のトラフィックを含むASP .NET Webソリューションを構築しています。私は本当にパフォーマンスを達成したいです。 画像をデータベースまたはファイルシステムに保存する必要がありますか？答えに関係なく、なぜ特定の方法を選ぶのかということにもっと興味があります。 ステファン、ありがとう DUPLICATE：画像をDBに保存する-そうですか？、ファイルシステムに画像を保存する方法、少数の画像を保存する：blobまたはfs？そしておそらく他のいくつか。 コメント：多くの良い答えをありがとう。100％データベース駆動型のソリューションを考えている場合でも、ファイルベースのソリューションを採用します。今日、データベースなどで私がやりたいことを行うには良い解決策があるようですが、それをしない理由はいくつかあります。 私はホステッドソリューションを利用しますが、私には膨大な量のストレージ（10 GB）がありますが、データベースには300 MBしかありません。DB内の追加のストレージに多くのコストがかかります。 私はDBエキスパートではなく、DBの設定を制御することもできません。DBベースのソリューションでは、次のようにカスタム構成が必要になる場合があります。 独自のサーバーでサイトを実行する場合は、DBベースのソリューションを検討します。ありがとう、ステファン
17
画像をキャッシュしないようにWebブラウザーを強制する方法
バックグラウンド 私は2つの無料ウェブサイト用の非常にシンプルなCGIベースの（Perl）コンテンツ管理ツールを作成して使用しています。Webサイト管理者に、フィールド（日付、場所、タイトル、説明、リンクなど）に入力して保存するイベントのHTMLフォームを提供します。そのフォームでは、管理者がイベントに関連する画像をアップロードできるようにします。フォームを表示するHTMLページで、アップロードされた画像のプレビュー（HTML imgタグ）も表示しています。 問題 問題は、管理者が画像を変更したい場合に発生します。彼は「ブラウズ」ボタンを押し、新しい写真を選んで「OK」を押すだけです。そして、これはうまくいきます。 画像がアップロードされると、バックエンドのCGIがアップロードを処理し、フォームを適切に再読み込みします。 問題は、表示される画像が更新されないことです。データベースに正しい画像が保持されていても、古い画像は表示されます。画像をWebブラウザーでキャッシュしているという事実に絞り込みました。管理者がFirefox / Explorer / SafariのRELOADボタンを押すと、すべてが正常に更新され、新しい画像が表示されます。 私の解決策-機能しない 過去の非常に古い日付のHTTP Expires命令を記述して、キャッシュを制御しようとしています。 Expires: Mon, 15 Sep 2003 1:00:00 GMT 私は管理者側にいることを忘れないでください。ページは常に期限切れであるため、ページのロードに少し時間がかかるかどうかは特に気にしません。 しかし、これも機能しません。 ノート 画像をアップロードするとき、そのファイル名はデータベースに保持されません。これは、Image.jpgに名前が変更されます（使用するときに単にわかりやすくするため）。既存の画像を新しい画像に置き換える場合、名前も変更されません。画像ファイルの内容のみが変更されます。 ウェブサーバーはホスティングサービス/ ISPによって提供されます。Apacheを使用します。 質問 画像ではなく、このページの内容をキャッシュしないようにWebブラウザに強制する方法はありますか？ 実際にデータベースに「ファイル名を保存する」オプションを調整しています。このように、画像が変更されると、IMGタグのsrcも変更されます。ただし、これにはサイト全体に多くの変更が必要であり、より良い解決策がある場合は、むしろ変更を行いません。また、アップロードされた新しい画像に同じ名前が付いている場合、これは機能しません（たとえば、画像が少しフォトショップされて再アップロードされたとします）。
2
HttpPostedFileBaseをbyte []に​​変換します
私のMVCアプリケーションでは、次のコードを使用してファイルをアップロードしています。 モデル public HttpPostedFileBase File { get; set; } 見る @Html.TextBoxFor(m => m.File, new { type = "file" }) すべて正常に動作していますが、結果フィールドをbyte []に​​変換しようとしています。 コントローラ public ActionResult ManagePhotos(ManagePhotos model) { if (ModelState.IsValid) { byte[] image = model.File; //Its not working .How can convert this to byte array } }
8
JavaScriptでアップロードする前に画像の幅と高さを確認してください
ユーザーが画像を配置できるフォームを持つJPSがあります。 <div class="photo"> <div>Photo (max 240x240 and 100 kb):</div> <input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/> </div> 私はこのjsを書きました： function checkPhoto(target) { if(target.files[0].type.indexOf("image") == -1) { document.getElementById("photoLabel").innerHTML = "File not supported"; return false; } if(target.files[0].size > 102400) { document.getElementById("photoLabel").innerHTML = "Image too big (max 100kb)"; return false; } document.getElementById("photoLabel").innerHTML = ""; return true; …
17
ページの読み込み完了後に関数を実行する
次のコードを使用して、ページの読み込み後にいくつかのステートメントを実行しています。 <script type="text/javascript"> window.onload = function () { newInvite(); document.ag.src="b.jpg"; } </script> しかし、このコードは正しく機能しません。一部の画像や要素が読み込まれている場合でも、この関数が呼び出されます。私が欲しいのは、ページが完全に読み込まれた関数を呼び出すことです。
121 javascript  html  image 
15
divを比例させながら、divを画像で埋めるにはどうすればよいですか？
私はこのスレッドを見つけました— 画像の縦横比を維持しながら、どのようにして画像をストレッチして<div>を埋めますか？—それは完全に私が欲しいものではありません。 特定のサイズのdivとその中に画像があります。画像が横向きか縦向きかに関係なく、常に divに画像を入力したい。また、画像が切り取られていても問題ありません（div自体にオーバーフローが隠されています）。 画像がポートレートであるので、もし私がしたいwidthこと100%とheight:auto、それは割合にとどまるようにします。画像が横長の場合は私がしたいheightことを100%してwidth to beauto`。複雑に聞こえますか？ <div class="container"> <img src="some-image.jpg" alt="Could be portrait or landscape"/> </div> どうすればいいのかわからないので、私が何を言っているのかを簡単にイメージしました。私もそれを適切に説明することはできません。 だから、私はこれを尋ねる最初のものではないと思います。しかし、私は本当にこれに対する解決策を見つけることができませんでした。たぶん、これを行うための新しいCSS3の方法があるかもしれません-フレックスボックスを考えています。何か案が？多分それは私が思っているよりももっと簡単ですか？
10
アクション画像MVC3 Razor
MVC3でRazorを使用してリンクを画像に置き換える最良の方法は何ですか。私は現時点でこれを単にしています： <a href="@Url.Action("Edit", new { id=MyId })"><img src="../../Content/Images/Image.bmp", alt="Edit" /></a> もっと良い方法はありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.