Androidアプリーリソース画像サイズ＆種類ー | Excite Designer's Blog
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
二次元画像を拡大したいと思ったことはありませんか？ - デー
うまくできましたか？ ボヤけたり、ギザギザになったりしませんでしたか？ waifu2xをお試しください。 (ブラウザの処理に影響されないようクリックで拡大おねがいします) waifu2xは、二次元画像を2倍に拡大するソフトウェアです。多くの二次元画像についてスゴイ級のクオリティで拡大できます。 waifu2xは、最新鋭の人工知能技術 Deep Convolutional Neural Networks を使って開発されました。 waifu2xの人工知能は、次の問に答えます。 いまから与える画像はある画像を半分に縮小したものである。縮小される前の画像を求めよ。 画像を拡大するのではなく、縮小される前の状態に戻します。 縮小されてないオリジナル画像を与えた場合も、やはり縮小される前の画像を答えます。 その画像は本来存在しないものですが、waifu2xはそれを想像で創ります。 二次元画像のJPE
MSオフィス「クリップアート」、一愛用者の困惑と対策
2015年1月、仕事始めから数日後のある日。PowerPoint 2013で文書を作成していた記者は我が目を疑った。オンライン画像の検索画面から、「Office.com」のクリップアートの検索ボックスが消えている。 理由を探ろうとネットを調べてマイクロソフトのブログ記事にたどり着き、クリップアートの提供終了を知った（関連記事：要注意！MSオフィス 「クリップアート」の「ひっそり終了」がもたらす混乱）。1カ月ほど前に発表されていた情報だったが、年末進行で忙殺されていた最中だったためか、恥ずかしながら見落としていた。不覚だった。 実は記者自身、クリップアートのヘビーユーザーだった。主な用途は、記事中に入れる図版の下絵作成だ。 IT関連の雑誌の編集をしていると、システムやサービスの仕組みを解説する図版を毎月のように作成する。絵心のない記者にとって、パソコンやサーバー、無線LANアクセスポイントな
プレゼンテーションに使う画像の探し方 - Qiita
勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash
Photoshopでゲームのようなドット絵を描く方法と設定＆おすすめツール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの姐さんです。 今回は、Photoshopで8bitゲーム風デザインをするときの設定やおすすめツールをご紹介します。 なお、この記事ではPhotoshopCC2021:22.3.1を使用しています。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Photoshopの基本設定 ドットの大きさに合わせてグリッドを設定する まず、100×100の新規ファイルを作りました。 次に「編集」→「環境設定」→「ガイド・グリッド・スライス」を開きます。 出てきた画面のグリッドのところを調整します。区切り方もお好みですが、今回はサ
iOSアプリの画像の作り方[Xcode6] - Qiita
今までiOSのアプリの開発では各デバイスのスケールに合わせて x1 x2 x3 の画像ファイルを用意していました。 Xcode6からは、Assets Catalogにベクター画像が使用できるようになり、 ベクター画像を使うと、1つのファイルを用意するだけで、 全てのデバイスに対応できます。 かなり手間が省ける用になりました！ また、今まで画像はPNG形式のみだったのですが、 Xcode6からは JPEG形式 にも対応したようです。 リソースの容量削減ができますね！ またスプラッシュ、アイコンの画像については、こちらに記載しています。 ベクター画像を使うには 1.データを用意する Assets Catalogでベクター形式の画像を取り扱う場合、 PDF 形式のファイルにする必要があります。 Adope IllustratorやAdope Photoshop等色々ツールはありますが おそらくど
![iOSアプリの画像の作り方[Xcode6] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc6b3bea21433ae88a53f3588f76e9a8f793a1ab/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9aU9TJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgxJUFFJUU3JTk0JUJCJUU1JTgzJThGJUUzJTgxJUFFJUU0JUJEJTlDJUUzJTgyJThBJUU2JTk2JUI5JTVCWGNvZGU2JTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zNjk4MzM3ZTIwNDk2MGUzNmEyNTVkMzUyYTVlZDcyZA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBZdXRhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iYjAwNzFlYjZmNjEzMTA3NTcyNmNkZmExOWQzZWFlOQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D0dde9693ee794fe39c99855d0806d77a)
ドッターなめんな！ 「ベイマックスのドット絵化は難しい」に対するドット絵クラスタのみなさんの返答
大ヒット中のディズニー映画「ベイマックス」がもしもファミコンで出ていたら……？ そんな問いかけから始まったハッシュタグ「#ドットベイマックス」がステキです。作品の数々は、Togetterの「ドットベイマックス作品まとめ」からどうぞ。 ドットベイマックス作品まとめ（Togetter） 元はと言えば、あるTwitterユーザーの「ベイマックスがファミコン時代に出た映画だったらドッターは苦労したんじゃないか」というツイートが発端。ベイマックスの特徴的な目（（●－●）←こんなの）を再現するには最低でもタテに3ドットが必要で、ファミコンのドットサイズでは省略されて誰か分からなくなってしまう――というのですが、これがドット絵クラスタの職人魂に火を付けました。 ということで、あの「目」や独特のフワフワしたボディをどうやって再現したのか？ 力作の数々をご覧下さい。 再現のポイントはやはり「目」と「体形」。
iPhoneで簡単にイチから画像を作って描画して保存するには？
iPhoneでイチから画像を作って描画して保存するにはどうすればいいだろう？ まずイチから画像を作るところが問題になるけど、iPhoneでもいくつか方法があるようだ。 はじめに考えたのはCGImageCreateを使う方法だけど、このメソッドは引数が多すぎる。なんと11個だ！ もう少し簡単に出来ないのかドキュメントをあたっていると、UIGraphicsBeginImageContext()を使う方法がわかった。例えばこうする。 - (void)createDrawSaveImage { //イメージ用グラフィックスコンテクスト開始(320x480の画像を作成) UIGraphicsBeginImageContext(CGSizeMake(320, 480)); //イメージ用グラフィックスコンテクスト取得 CGContextRef context = UIGraphicsGetCurren
Androidのランチャーアイコンを作る - プログラミング雑記
久しぶりのブログ更新です。 今回はＡｎｄｒｏｉｄアプリのアイコンを、ＧＩＭＰで作ってみたいと思います。 せっかく良いアプリを作っても、ランチャーアイコンが下手くそだと、 そもそもダウンロードしてもらえない事もあると思います・・・ ですので、気合を入れて全力でアイコンを作ることをお勧めします。 Inkscapeでアイコンを作る場合はこちら 以下のサイトを参考にしました。 http://www.pixel-arms.com/2009/04/how_to_make_android_icon/ http://d.hatena.ne.jp/hdk_embedded/20100503/1272907658 http://developer.android.com/intl/ja/guide/practices/ui_guidelines/icon_design.html Androidアイコンの特徴と
GitHub Ribbons
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
JPEG・GIF・PNGってどう使い分けるべき？知っておきたいイメージ形式の基礎知識 | ニコニコニュース
「拡張子」とは、ファイル名のうちの「.(ピリオド)」で区切られた文字列であり、そのファイルの種類を識別するためにつけられています。拡張子はオペレーティングシステム(OS)においてファイルの判別のため任意につけられるものであり、どのような場合においても必ずしも必要になるというわけではありません。音声データやテキストデータなどさまざまなデータを管理するうえで拡張子の形式の変化が重要になりますが、特に画像を保存する際はその拡張子の違いが如実に現れることになります。仕事上のデータのやりとりだけでなく思い出の写真の保存や個人ブログでの使用・アップロードなど、さまざまな場面ごとで使い分けたい画像の拡張子の性格についてご紹介致します。 ■ 画像に使える一般的な拡張子 ◎ JPEG(Joint Photograph Experts Group) jpegはjpgとも呼ばれ使用される、もっとも一般的な画像形
[WordPress]記事内に画像を挿入するときのHTMLをカスタマイズする | Wood-Roots:blog
ダッシュボードの「メディアを追加」から画像を選び、「投稿に挿入」をクリックするとimgタグが記事に挿入されます。 この挿入されるHTMLをもうちょっと自分好みにできればいいなと思い、編集する方法について調べてみました。 PHPコードをfunctions.phpに記述します。 画像を挿入する際に適用されるフィルターフックについて imgタグに対して適用されるフィルターフックとリンクを設置した際のaタグまで含めた結果に適用されるフィルターフックがあります。 それぞれ適用される対象が異なるので、どういう処理をしたいかを考えてフィルターフックを使い分けます。 imgタグそれぞれに適用されるフィルターフック →get_image_tag リンクを設置した際のa>imgに適用されるフィルターフック →image_send_to_editor imgタグそれぞれに適用されるフィルターフック:get_im
![[WordPress]記事内に画像を挿入するときのHTMLをカスタマイズする | Wood-Roots:blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/99e5890c18cff83399d9850c778d1d65278529aa/height=288;version=1;width=512/https%3A%2F%2Fwood-roots.com%2Fwp-content%2Fuploads%2F2014%2F07%2Fimagehtml1.jpg)
[CSS]この発想はすごい！画像をモザイクからくっきり見せるスタイルシートのテクニック
一枚の画像を使って、モザイク状の画像をアニメーションで少しずつくっきりさせるスタイルシートのテクニックを紹介します。 もうほんと、ナイスアイデア！ コードを見る前に実装方法をちょっと考えてみてください。 ↓はブラウザでの表示をアニメーションgifにしたものです。 Gif Style CSS3 Animation アニメーションはロード時のみなので、繰り返し見たい時はリロードで。 実装はこんな感じです。 HTML HTMLは非常にシンプル！ 画像はdivの背景として表示します。 <body> <div class="image"></div> </body> CSS スタイルシートも非常にシンプル、一枚の画像にモザイクからくっきりまでの各コマを並べ、CSSスプライトで次々にアニメーションで表示しています。 コードを見るまで、どうやって実装してるのか全く分かりませんでした。 body { ba
自爆した女性のつじつまを合わせる春麗GIF集
春麗に攻撃される女性たち。皆さん自爆されてるのでいい具合にマッチしてます。スト2とかそろそろ話題的に古いのかな?と世代感覚も気になりますが、私はモロに格ゲー世代。自分の失敗した動画がネットに拡散するだけでも恥ずかしいのに、さらにコラの素材にされるという、この搾り取られ感。ネタにされるの最初は嫌でもここまでくると笑えるのかな。私が言うなって話だけども。
写真をほんの少し上手く見せる50のテクニック - あたし、めりーさん。今、あなたが心の中にいるわ。
編集編 1. 使えるものはOffice Picture Managerでも使え Lightroom, Photoscapeその他いろいろありますが、使えるものはなんでも使いましょう。撮って出しなんて中級者になってから考えればよいのです。 クソ写真も編集次第でどうとでもなります。 wonodas.hatenadiary.com 構図編 2. 自信がないなら3分割交点構図 三分割交点構図は七難を隠します。いたるところでおすすめされているのはそんなわけです。 デジカメならたいていガイドが付いているのでそれに従ってとればよいだけ！簡単です。 (Nikon D90/Nikkor 50mm f1.4) 3. 日の丸構図は真上または真正面から。水平と垂直をきっちりとること 実は難しい日の丸構図。撮るなら真上、真下。水平と垂直は必ず出す。なお画像内に直線が含まれる場合、収差の少ないレンズを選ぶ必要がありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
waifu2x
これを無断使用しちゃっていいの？ブログのアイキャッチ探しがはかどる高クオリティーCC0写真サイトまとめ
Android4.0で画像をURLから取得して表示してみる - Devslog
新着記事
ぱくたそ - フリー写真素材・無料ダウンロード
