タグ

tipsとimageに関するkathewのブックマーク (56)

  • Excel シートに貼り付けた画像をファイルとして保存するには

    すべての Microsoft 製品 Microsoft 365 Office Windows Surface Xbox セール サポート ソフトウェア Windows アプリ OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画テレビ番組 法人向け Microsoft Azure Microsoft Dynamics 365 Microsoft 365 Microsoft Industry データ プラットフォーム Power Platform 法人向けを購入する Developer & IT .NET Visual Studi

    kathew
    kathew 2017/03/06
    透過が失われるからこの方法ではいまいち。(非透過の画像なら一番手軽かも) / GIMPで試してみる
  • Windows 10 - 画像ファイルをサムネイル表示/アイコン表示にする方法

    Windows 10 の画像ファイルをサムネイル表示/アイコン表示にする方法を紹介します。 画像ファイルのサムネイル表示(縮小版)は アイコン表示にも変更することができるので、ここでは表示の変更方法をみていきます。 それでは設定方法をみていきます。 画像ファイルをサムネイル表示/アイコン表示に エクスプローラーの起動 タスクバーからエクスプローラーを起動し 表示を変更したいフォルダーへ移動しましょう。ここでは「ピクチャ」フォルダへ移動しました。 上部メニュー「表示」 上部メニューの「表示」をクリックすると このようにサブメニューが表示されるので、その中から「オプション」をクリックします。 フォルダーオプション すると、「フォルダーオプション」ウィンドウが表示されるので、上部タブメニュー「表示」をクリックします。 詳細設定を下へスクロールし 画像ファイルをアイコン表示に 「常にアイコンを表示

    Windows 10 - 画像ファイルをサムネイル表示/アイコン表示にする方法
  • 1x1px透過GIF画像のDataURI - yamangoの日記

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEHAAEALAAAAAABAAEAAAICTAEAOw=="> 最近では1x1pxの透過GIF画像なんて使うことも少ないけど Javascript で jQuery.lazyload とかやるときに使ったりする モバイルではより使われるのだろうか HTTPリクエストが減るので嬉しい (だけどbase64だからバイナリより重くなってるよねそのへんどうなんだろう)

    1x1px透過GIF画像のDataURI - yamangoの日記
    kathew
    kathew 2017/02/16
    ダミー画像を生み出すURI。あんまり使わないけど、たまに便利
  • php で画像ファイル形式を判別する方法 - それマグで!

    php で画像ファイル形式を判別する方法 getimagesize exif_imagetype mime_content_type の各館数のどれかで取得することが出来る。 各関数とモジュール 各関数はそれぞれがモジュールに含まれている。 関数名 モジュール名 getimagesize GD exif_imagetype Exif mime_content_type FileInfo これら関数を使うには、それぞれモジュールがインストールされていることが必要。 モジュールの有無はphpinfo();関数を使って確認する。 値の取り方 それぞれの関数はそれぞれ使い方が異なる mime_content_type mime_content_typeはそのものズバリな名前が帰ってくる。 <?php mime_content_type("test.jpg"); #=> "image/jpeg" g

    php で画像ファイル形式を判別する方法 - それマグで!
    kathew
    kathew 2016/09/20
    exif_imagetypeはファイルが画像かどうかの判定もできて便利だ
  • PHPで行う簡単画像リサイズと速度検証

    こんばんは、笹亀です。 最近、暑い日が続きクーラーを節電で控えるという生活をしております。 最近の暑さでは下手したら寝ながらにして熱中症になるなんてことも起こそうです。 節電も身体を壊してまでするものではないので適度に頑張ろうと思います。 さて、日はPHPでの画像処理について記述をまとめてみたいと思います。 一般的にはPHPではGDなどが有名です。PHPのマニュアルを見てみると、画像処理にはGDの他にImageMagick、Gmagickなどの関数もデフォルトで用意されています。 私自身はImageMagickを利用することが多く、Gmagicというのはあまり使ったことが無いのでこちらの使用についても今回を機会に検証をしてみたいと思います。 日使用する画像:宮島の鹿さん(画像サイズ1.6M 1936 x 2592) ■GDにて画像リサイズ(スクリプト //元画像のサイズ $width 

    PHPで行う簡単画像リサイズと速度検証
  • PHPでGDを利用してサムネイルを作成する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    う〜サムネイル、サムネイル。 今PHPでの画像のサムネイル生成方法を求めて全力検索している僕はLIGに勤めるごく一般的なプログラマー。 強いて違うところをあげるとすればGDに興味があるってとこかナー こういう画像を こうしたいんです。 という訳で、今回はPHPでGDを利用してサムネイルを作成する方法です。 まず、対象となる画像をホイホイ設定します。 $image = imagecreatefromjpeg( $file ); $fileにはローカルファイルのパス、またはなんとURLを直接指定することも可能です。(PHPの環境設定次第なんですがね、へへへ) $width = imagesx( $image ); $height = imagesy( $image ); if ( $width >= $height ) { //横長の画像の時 $side = $height; $x = flo

    PHPでGDを利用してサムネイルを作成する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 4.10. 被写体を背景から分離

    Sometimes you need to separate the subject of an image from its background. You may want to have the subject on a flat color, or keep the background transparent so you can use it on an existing background, or any other thing you have in mind. To do this, you must first use GIMP's selection tools to draw a selection around your subject. This is not an easy task, and selecting the correct tool is cr

  • PHP で PDF のサムネイル画像を作成する - まいける's Tech Blog

    必要に迫られたので、ちょっと調べてみたところ、意外に簡単。前提として、imagick モジュールが必要となるので、このあたりを見ながらインストールを済ませておいてください。 それで、その方法ですが <?php // 読み込む PDF をフルパスで指定 $file = '/foo/bar/test.pdf'; // サムネイルを作成するページを指定 $page = 1; // 実際の指定では、1ページが0になるので、調整 $page = $page - 1; $im = new imagick($file[$page]); // PNG 形式に変換 $im->setImageFormat("png"); // 長辺が 300 ピクセルになるようにリサイズ $im->thumbnailImage(300, 300, true); // 表示 header("Content-Type: imag

    PHP で PDF のサムネイル画像を作成する - まいける's Tech Blog
  • imgタグで指定した画像の下にわずかな隙間(空白)が空いてしまう - CSSデザインノート

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    kathew
    kathew 2016/06/28
    marginもpaddingもない、なのにズレるから、原因がさっぱりだった。なるほど、テキストのベースラインの所為なのね‥。
  • 画像加工の例とその考え方

    気に入っているの写真を加工してみたので、 ソースコードを置いておきます。 そのソースコードが具体的に何をしているのかということを推測してみたので、 それも書いておきます。 画像加工やPHP言語はまるで専門ではないので、 信憑性はあまりありませんが、 基的な考え方や方向性は外していないと思います。 やってみたこと の写真を加工しました。 何年か前にN252iで撮った近所の野良です。 これを こんなふうに、 「ラフにトレースしたものをスキャナで取り込んだような感じ」 にしてみました。 当のところは輪郭線だけを取り込みたかったのですが、 まあ、これはこれで味があるからいいかと思いました。 ソースコード あまり真面目にじろじろ見なくていいです。 <?php //ヘッダ処理 header ("content-type: image/png"); //元画像読み込み $filename =

  • TrueType Fontで文字列を記述した場合の大きさを測る:Geekなぺーじ

    GDを使ってイメージに文字列を表示するにはImageTTFTextを利用します。 このとき、あらかじめ出力後の大きさがわかると非常に便利です。 ImageTTFBBoxを使うと、出力時の幅や高さ(bounding box)がわかります。 以下、ImageTTFBBoxのAPIです。 array ImageTTFBBox( float $size, float $angle, string $fontfile, string $text ) ImageTTFBoxが返すarrayには4点を表す8個の要素が含まれています。 以下、arrayの内容です。 0 : 左下角の X 座標 1 : 左下角の Y 座標 2 : 右下角の X 座標 3 : 右下角の Y 座標 4 : 右上角の X 座標 5 : 右上角の Y 座標 6 : 左上角の X 座標 7 : 左上角の Y 座標 サンプルコード 以下

  • CakePHP2を使って画像リンクをクリックしたらダウンロードダイアログを表示するようにしたい | オガリア 技術ブログ

    こんにちは。オガリア開発チームの粂です。 CakePHPのバージョン:2.4 CakePHP2.3からMediaViewが非推奨となり、代わりにCakeResponseを使うことになったのですが、意外と日語情報を探しても見つからなかったのでブログに書いておきます。 CakePHPを使って画像リンクをクリックしたらダウンロードダイアログを表示する方法についてです。 まず、HTMLのほうはこんな感じで書きます。 アプリケーション名はappだとして、Imagesコントローラーのgetアクションにfileという名前で画像ファイルを渡してあげます。 <a href="/app/images/get?file=hoge.jpg"><img src="/img/hoge.jpg"></a> 次に、Imagesコントローラーのgetアクションはこんな感じで書きます。 画像ファイルはappディレクトリの下

    kathew
    kathew 2016/05/10
    直接ヘッダーを書き出してもうまく動かなかったので、こちらを参考にしたらうまくいった。Cakeならではの部分だけどわかりやすいので良い
  • ブログ名は後で考える: GDを使った画像のリサイズ

    リサイズに限らないけど、こういうありがち処理って「画像操作用クラス」とか作ってること多いから、いざ直接GDの関数使うような機会があっても、それはもうすっかりみごとに忘れてる。 んで毎回同じような事調べるわけよ、GIF画像の透過部分が黒くなったぞー!とか。 ということでまたGDを使って画像を縮小する機会があったので、忘れないうちにメモしとく。 大前提リサイズする時の処理の流れとしては、 元画像をGDで開く新規TrueColorイメージをリサイズ後のサイズで作るimagecopyresampled()を使って1をコピー元、2をコピー先で再サンプリング2を適切な名前で保存、もしくは表示する1, 2のイメージリソースを開放こんな感じ。 imagecopyresized()じゃないのは、imagecopyresampled()を使った方が品質が良いから。 マニュアルのimagecopyresized

  • Geekなぺーじ : 画像上に文字列を表示

    ImageCreateFrom○○で読み込んだイメージリソースの上にTrueTypeフォントによる文字列を書く方法です。 サンプルコード 以下のサンプルでは、フリーの日フォントであるIPAフォント(Pゴシック)を利用しています。 「/path-to-fontfile/」の部分を必要に応じて変更して下さい。 <?php $img = ImageCreateFromJPEG('sample0.jpg'); # 必要に応じてUTF8へ変換(環境依存) $text = mb_convert_encoding('オランダシシガシラ', 'UTF-8', 'auto'); # 白い文字を書き込む $white = ImageColorAllocate($img, 0xff, 0xff, 0xff); ImageTTFText($img, 16, 0, 5, 200, $white, '/path-

  • | test

    mameshibankさん 豆柴日和 amecustomさん アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開! jade-taさん 脚家によろしく。 nisishowさん リフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん 広報&IR担当のオフィシャルブログ shikamaさん 千葉の東京寄りでホームページ制作&企画・運用中! saijoさん 経営に終わりはない nina-yuanbeauteさん 芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさん フロンティア社長 オフィシャルブログ Powered by Ameba ohtias-ceoさん ソーエネ×オーチアス社長 alfortさん 念ずれば花ひらく「会社経営」

    | test
  • CSS2を使って簡単に画像のプレロードをするテクニック:phpspot開発日誌

    2010年あけましておめでとうございます。 今年は少し開始が遅くなってしまいましたが、日よりブログを再開させて頂きます。 今年もよろしくお願いいたします。 それでは早速、CSS2を使って簡単に画像のプレロードをするテクニックをご紹介。 次のようにCSS2の「content」プロパティにリソースを指定してあげることで先読みが可能のようです。 content: url(img01.jpg) url(img02.jpg) url(img02.jpg) 複数指定してもOKということみたいです。 対応ブラウザは以下となっています。 IE8+ FF2+ Safari 3+ Chrome 1+ Opera 9.62+ IE6,7は対応していませんが、<img> のようにして呼ばれた時に結局読まれるので、実装の仕方によっては注意が必要ですが、使えないということではないようです。 以下のエントリを参照して

  • [CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート

    CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と

  • 気まぐれ日記: GIMP

  • ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル:phpspot開発日誌

    ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル。 これはなかなか凄いCSSテクニックです。CSS3の機能も使って、普通の<img>タグ群で出来ちゃってます。 普通の画像リスト 枠を付けます ちょっと回転させて自然にします。 サンプルは、以下より参照してください。 How To Create a Pure CSS Polaroid Photo Gallery

  • これは楽しい!どんな画像もCDのアルバム風にできるCSSテクニック:phpspot開発日誌

    Sexy Music Album Overlays Komodo Media これは楽しい!どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なCSSテクニック30選 の目次部分のようなリストをCSSでデザインするテクニック