Polacode - Visual Studio Marketplace
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Polacode — Polaroid for your code 📸 Why? You have spent countless hours finding the perfect JavaScript grammar, matching it with a sleek-looking VS Code theme, trying out all the best programming fonts. You take three days porting over your theme before starting to use VS Code. You shell out $200 for italic cursive
Legacy Convenience Image Deprecation
In 2020 CircleCI introduced the next generation (next-gen) of convenience images. These new images are designed to replace the legacy convenience images that were released during the announcement of CircleCI 2.0. The next-gen CircleCI convenience images are designed from the ground up for a CI/CD environment. They are designed to be faster, more efficient, and most importantly, more reliable. You
MacBookで画像の白黒を反転する方… - Apple コミュニティ
失礼致します。 MacBook に取り込んだ画像ファイルであれば、デフォルトでは「プレビュー.app」で開かれると思いますので、「プレビュー.app」で画像の白黒反転する場合は、以下の様に操作して見て下さい。 １．白黒反転したい画像ファイルをダブルクリックして、「プレビュー.app」で開きます。 ２．下の画像の様に、ツールバーの「マークアップ」ボタンをクリックし、表示されるマークアップツールバーの「カラーを調整」アイコンを選択。 ３．表示される「カラーを調整」パネルで、「彩度」のスライドゲージを最低（一番左側）に設定。 ４．下の画像の様に、「カラーを調整」パネルの一番上に有る３つのゲージを、左から「A」、「B」、「C」として、以下の様に操作して下さい。 「A」のゲージを、右端を 100 % として、80 % 〜 90 % 位の位置に移動。「B」のゲージを右端に移動。「C」のゲージを左端に移
コピペで使うCSS スライドショー 23選 | SONICMOOV LAB
画像ギャラリーを見せる手法として使われるスライドショーですが、CSSのみを使ったものやjQueryなどを使ったものなどが色々とありますが、面白そうなものを集めてみました。 関連：イケてるローディング・アニメーション25選 一味違うスライダー Canvas image slider 初見で「おっ！？」と思わせてくれることは間違いないでしょう。 エフェクトがクール WebGL Distortion Slider これはかっこいいスライダーですね。 マスクを使ったスライダー Image Slider with Masking Effect マスクを使ったCSSスライダーで、動きがシャープ＆シンプルです。 サムネイル付き Gliding Gallery | Simple Image Slider Transitions 至り尽くせりなスライダーではないでしょうか。サムネイルがあるので視覚的にもユー
LINEのストレージ効率化を支えるJPEG↔HEIF変換プロジェクト「Antman」開発記
Joonsick Baick2020-02-26Joonsick is in charge of media processing for LINE's MediaPlatform. はじめに 最近、ユーザーが作成したメディアを保存するためのクラウドサービスがかなり人気を集めています。Google フォトやNAVER nCloudなどのサービスがその例です。LINEでも、ユーザーの写真をサーバーに永久保存していつでも閲覧できるようにしたアルバム機能を提供しています。LINEのアルバム機能は、2013年9月にオープンして今年で6年を迎えます。たくさんのユーザーが活発に利用しているため、サーバーに蓄積されるデータ量も膨大になっています。 写真や動画などのLINEのメディアデータは、すべてLINEのメディアプラットフォームが運営するメディアストレージ「OBS（Object Storage）」で管
rubyで画像処理できるRMagickの紹介をするよ ヽ(ﾟｰﾟ*ヽ)(ﾉ*ﾟｰﾟ)ﾉわぁい - Qiita
みなさん、おはこんばんにちはでス。普段は動画処理とかffmpegまわりの記事を投稿してます。「ス」です。2014年もあとわずか 年末年始とのんびり過ごしたいものです のんびり過ごすなら、やっぱり、画像処理・動画処理が定番ですよね？そこにあるCPUを何故100%まで使い切らないのか？山があるから登るのが登山家の心がけなら、CPUがあるなら使い切るのがプログラマーとしての正しい心がけです。使い切る中で最適化を目指す！では、使い切るにはどうしたらいいのか？ 画像処理だ！！！ 動画つくるだ！！！ 最近は使えるCPUの数が増えてきましたね。少し背伸びをすれば、かつては想像できなかったほど使えそうです。Hadoopです 分散処理です。プログラミング楽しいですね。夢は広がります。CPUは寝かせただけ計算機会を失っているのです。とにかく計算。え？プログラミングができない？それなら、3Dバリバリのオンライン
ImageMagickの特定バージョンではcolorspaceオプションがひっくり返るから注意 | | リーテラトバリタブログ
リーテラトバリタブログ Webの技術（プログラミングなど）について、自身が触れたものや問題が生じて解決したこと、理解したことなどを書いています。よく他の方が書かれている技術系ブログに助けられているので、自分も誰かの一助となれればと。ただ、基本へっぽこです。ご容赦ください。そしてたまにWebとは一切関係のない趣味の話とかも書くかもです。。 ImageMagickで画像の色合いが変わる オリジナル画像と処理後の画像を比較すると Webサイト（アプリ）からサーバー側に画像をアップロードする際、画像のリサイズや切り抜きなどをImageMagickを使って処理していました。しかし、サーバー側にアップされた画像が元画像の色味とどうも違う気がしていました。 早速、元画像とImageMagickで処理されサーバーに保存されている画像とを比べてみました。 これは、違う気がするどころか、明らかに違います。原因
WebP、JPEG、4K8K。2019年も画像にこだわろう！画像軽量化すると表示の待ち時間が短くなるから、コンテンツをもっとみたくなる！ | アイデアマンズブログ
TOP > WebP、JPEG、4K8K。2019年も画像にこだわろう！画像軽量化すると表示の待ち時間が短くなるから、コンテンツをもっとみたくなる！ WebP、JPEG、4K8K。2019年も画像にこだわろう！画像軽量化すると表示の待ち時間が短くなるから、コンテンツをもっとみたくなる！ WebP Web画像最適化 画像軽量化AI LightFile 表示高速化 2019年最初の投稿です。本年もどうぞ、よろしくお願いいたします。 アイデアマンズは、2019年もみなさまの「画像軽量化に関する課題」に対して、アイデアと技術力で応えていきます。画像に関してお困りの方は、ぜひぜひご相談くださいませ！2019年の画像に関してホットな話題は、こちらの3つ！ WebP (ウェッピー) 対応で、最高の画像軽量化を実現しよう！ WebPは、Googleが開発した新しい画像フォーマットです。JPEGよりも軽いた
WebP の色劣化問題の改善 - Qiita
昔々、WebP が世に知られはじめた頃、JPEG に比べてファイルサイズが節約できると評判の一方、色がくすむ悪評を耳にし距離を置いた人も多いと思います。 実は、libwebp は2年前(2017/1/31)にこの色の問題をオプション扱いで改善しています。libwebp を使っている ImageMagick もようやく昨日(2019/2/18)対応して気軽に試せるようになりました。この機会に少し情報をまとめてみます。 (2019年02月19日投稿) はじめにまとめ 2017年1月リリースの libwebp-0.6.0 から use-sharp-yuv オプションが追加され、ImageMagick は大幅に遅れて 2019年2月に対応しました。 この use-sharp-yuv を有効にすると色劣化の問題はかなり改善されます。少し処理が重たいのと少しファイルサイズが増えるデメリットはあります。
EC2 Image BuilderによるOSイメージビルドパイプラインの自動化 | Amazon Web Services
Amazon Web Services ブログ EC2 Image BuilderによるOSイメージビルドパイプラインの自動化 社会人になったばかりの頃、開発チーム向けのOSイメージビルドの仕事がアサインされたのを今でも思い出します。時間はかかるし、エラーはよく出るし、再作成とスナップショット再取得をなんども実行する必要がありました。さらに、ご想像のとおり、そのあとには大量の手動テストが控えていたのです。 OSを最新に保つことの重要性は現在も変わりません。場合によっては自動化スクリプトを開発してくれるチームがあるかもしれませんが、いずれにせよVMのスナップショットを手動で取得するという作業は、多くのリソースを消費し、都度エラー対処が要求される、時間のかかる作業であることに変わりはありません。今日ここで、EC2 Image Builderを発表できることを大変うれしく思います。これは、自動化
Native image lazy-loading for the web!
April 6, 2019 In this post, we'll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here's a sneak preview of it in action: <img src="celebration.jpg" loading="lazy" alt="..." /> <iframe src="video-player.html" loading="lazy"></iframe> We are hoping to ship support for loading in ~Chrome 75 and are working on a deep-dive of the feat
ImageMagick リサイズ補間アルゴリズム - Qiita
はじめに ImageMagick は画像の拡大や縮小、いわゆるリサイズ処理を制御するオプションが幾つもあります。 -resize, -thumbnail, -scale, -sample, -resample, -geometry。 これらのオプションと、リサイズのちょっとだけ細かい話をします。 本エントリで説明しない事 ImageMagick 初心者がはじめに引っかかる、100x100 を指定したのに 100x100 の画像が出来ない問題は別記事にしました。そちらをご参照下さい。 ImageMagick の Geometry 仕様 https://qiita.com/yoya/items/704fdfbd881f166125d8 あと、少し高度なリサイズとして -distort Resize があります。時間がかかっても質の良いリサイズが欲しい場合にお勧めです。更に、特殊なリサイズとして
ガンマ補正のうんちく - Qiita
gamma:(1/2.2=0.4545...) で左上の点線カーブ、gamma:2.2 で 右下の実線カーブを描きます。0〜1 に対するべき乗なので、gamma値 が大きいほどカーブが引き下げられる事に注意して下さい。 昔のモニタの特性が下の実線カーブに近かったので、そのガンマ補正がかかるのを想定して、実際の輝度スケールに対し上の点線の補正をかける規格が RGB に適用されています。 メリット 冒頭で少し触れましたが、各家庭のテレビに入力電圧と輝度がリニアになるよう頑張る装置を載せるより、放送局側でガンマ補正した方が業界全体としてのコストが圧倒的に安いのがまず一点。 人の眼の視覚特性は低輝度の変化に敏感で高輝度で鈍感な性質があり、ガンマ補正はその点でも都合が良いです。 例えば階調が100分割だとしてガンマ補正された値は、上記グラフだと輝度50以下で 0〜73、50以上に 75〜100 の値
WebPでモバイルアプリの通信量を劇的に削減する - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CircleCI Developer - Images
How to: Specify the image quality
how to implement "similar product images" in Amazon Rekognition
JPEG の YCbCr について - awm-Tech
ImageMagick の JPEG オプション - Qiita
GitHub - awslabs/rekognition-image-search-engine: Reference implementation on building a local image search engine that uses Amazon Rekognition image labels to create an inverted index.