問題タブ [image-size]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
android - Android: 画像を元のサイズで表示する方法
バイト配列からビットマップ イメージを作成し、ImageView に表示します。ImageViewのandroid:layout_widthとandroid:layout_heightは wrap_content に設定され、は center にandroid:scaleType設定されます。ただし、画像は引き続き画面サイズにスケーリングされます。
画像を元のサイズで表示する方法はありますか (android:src 属性を直接使用するのと同じように)?
コード:
バイト配列からビットマップを作成:
ImageView のレイアウト:
イメージを ImageView に設定します。
html - 画像サイズはhtmlで指定する必要がありますか?
画像の幅と高さをハードコーディングするのがずっと前のベスト プラクティスだったことを思い出します (一般的には、読み込み中に適切な量のスペースを割り当てます)。 ? コンテンツ画像のインラインサイズをhtmlで設定することはまだ好ましいですか?
jquery - css によってパーセンテージでスケーリングされた画像の寸法を取得する
css でパーセンテージ値を使用してスケーリングされた画像要素の寸法 (幅) を取得しようとしています。
コードは次のとおりです。
そしてここにcss:
ラッパー要素の実際の幅 (すべての画像幅の合計) を取得しようとしています。それらにアクセスするとき
すべての画像要素を取得しますが、計算された幅は取得しません。jqueryで実際にレンダリングされた画像の幅を取得する機会はありますか?
jquery - jQuery を使用して画像を動的に作成し、寸法を取得する
だから私は動的に画像を作成しており、画像の寸法を取得したいと考えています。画像がDOMに添付される前にこれを行うことは可能ですか? 現時点で私はこれをやっています:
ただし、高さと幅は両方ともゼロとして報告されます。firebugでGETリクエストを見ることができるので、画像は実際にフェッチされています。
android - 「優れた」(デュアルコア+)電話用の大きな画像と、小さくて解像度の低い画像を提供する
アプリ内にさまざまな方法でアニメーション化されたいくつかの画像を取得しました。問題は、「弱い」電話、たとえばサムスンギャラクシーS1がこれらのアニメーションを流暢に表示できないことです。対照的に、アニメーションは、デュアルコアプロセッサを搭載したSamsungGalaxyS2で非常にスムーズに実行されます。
低解像度の画像を使用すると、これらのアニメーションを流暢に実行できることがわかりました。問題:高解像度の画像を使用できる場合は、低解像度の画像の方が見栄えがよいので、使用したくありません。
プログラムでCPUの数を確認することはできますが、それは最良のスタイルではないでしょうか。
かっこいいです。Androidにこれを検出させることができるので、imageView.setImage(R.drawable.tree);と書くだけです。シングルコアまたはデュアルコアのどちらでも、適切なイメージが設定されます。
javascript - チタン:画像->「自動」
hello.png寸法で呼ばれる画像があるとしましょう200x100。hello.png次のようなボタンを使用してボタンを作成します。
デバイスのボタンの高さはどのようになりますか?それは200ピクセルでしょうか、それとも200ピクセルよりはるかに少ない(おそらく50)でしょうか?
私がグーグルで見つけたものに基づいて、ボタンは200ピクセルでなければなりません。しかし、アプリをコンパイルすると、ボタンの高さが大幅に縮小されます:/
html - ストレッチせずに強制サイズで中央の画像
周囲のdiv内で画像を中央に配置したいと思います。この画像は強制的なサイズである必要がありますが、引き伸ばされていません。したがって、divコンテナが100px * 100pxで、画像が200px * 200pxの場合、両側で50pxをトリミングする必要があります。
この質問では、サイズを強制する方法を読むことができます。ただし、画像を左下から開始するのではなく、中央に配置します。これが質問です:)
これがその方法です。

そして、これが私が望む方法です:

javascript - Javascriptでアップロードする前に、画像の幅と高さを確認してください
ユーザーが画像を配置できるフォームのJPSがあります。
私はこのjsを書きました:
これは、ファイルの種類とサイズを確認するために正常に機能します。画像の幅と高さを確認したいのですが、確認できません。
試してみましtarget.files[0].widthたが、取得しundefinedます。他の方法で私は得る0。
助言がありますか?
iphone - iphoneの画像リサイズ
iPhone アプリでの画像のサイズ変更について疑問があります。ユーザーが写真を撮るか、ギャラリーから写真を選択すると、この写真がサーバーに送信されます。写真のサイズを変更するための この回答のコードは既にあります。
サイズは一例です。
サーバーに小さく送信しますが、考慮に入れる必要があります。
- 画像は 150 キロバイト以下である必要があります。
- ここで、ユーザーが 3G 経由で画像を送信すると、iPhone が自動的に画像のサイズを (800,600) に変更することを 読みました。
だから私がしたいのは、画像のサイズを(800,600)に変更し(この部分はすでに持っています)、それが150kを超えているかどうかを確認し、そうであれば何らかの形で縮小することです。
サイズとおそらく他のデータを知っている画像のバイト数を計算する方法はありますか?
ファイルサイズでこのサイズ削減を達成するにはどうすればよいですか?
image - pngの要約、サイズの最適化
同じサイズ(32px x 32px)のPNG画像(タイル)が約1000枚あります。それらはすべて異なって見えますが、いくつかは非常に似ています(それらは同じ色を使用します)。それぞれ約50タイルのPNG画像(ブロック)にまとめる必要があります。ブロックサイズは動的ですが、小さすぎないようにする必要があります。
私の目標は、結果のブロックのサイズを最小化することです。
ウィキペディアによると、PNGファイルのサイズはピクセルあたりの色深度に依存します。
私の考えは、各グループの色の量が最小になるようにタイルをグループ化することです。また、カラーインデックスを保存する必要があるため、各タイルをブロックとして保存することは最適なソリューションではありません。ブルートフォース攻撃を行うには非常に長い時間がかかるため、グループ化アルゴリズムの優れたスケッチを期待していました。
色の量が1、2、4、8、16、32などを超えると、ファイルサイズが「ジャンプ」すると思います。したがって、これらは注意すべきしきい値になる可能性があります。
次に、最適なソリューションを生成しないアルゴリズムをスケッチします
定義
グループタイルの距離を導入します。タイルAのグループからタイルBまでの距離は、Bにはあるが、グループAにはないさまざまな色の量です。
Color(G)は、タイルGのグループ内のさまざまな色の合計量です。
アルゴリズム
1)最初のタイルを選び、それをGroup1に入れます。
2)残りのすべてのタイルをループし、グループタイルの距離d_Tが最小のタイルTをGroup1に配置します(Colors(Group1)+ d_Tがしきい値よりも小さい場合、たとえば16)。そのようなタイルが見つからなくなるまでこの手順を繰り返します。 。
3)次に残っているタイルを選び、手順を繰り返します。
グループが多すぎるか少なすぎる場合は、しきい値を調整します。
残念ながら、これは必ずしも最良の結果をもたらすとは限りません(同じしきい値で可能なより大きなグループが存在する可能性があります)。
このアルゴリズムを変更して最適なソリューションを返すことはできますか、それとも別のアプローチを選択する必要がありますか?
PNGのサイズに影響を与える要因はありますか?私は考慮していませんでしたか?