タグ

画像に関するyanbowのブックマーク (14)

  • Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes

    Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画

    Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
  • フォトショップ切り抜きを極める!境界線をきれいに調整する瞬速テクニック5個まとめ

    フォトショップ切り抜きを極める!境界線をきれいに調整する瞬速テクニック5個まとめ よりナチュラルな写真合成を手軽に実現しよう 写真の背景から人物や髪の毛など複雑な一部を切り抜く作業は、普段のデザイン制作でもよく活用するテクニックのひとつで、できればあまり時間をかけずに行いたいものです。 これまでにもフォトショップのさまざまなツールや機能を利用した、切り抜きテクニックをご紹介してきました。 また人工知能AIをつかって人物などのオブジェクトをほんの数秒で、しかも自動で切り抜く無料オンラインサービスも登場しています。 画像をキレイに切り抜いたと思っても、実際に他の画像の上などに重ねてみると、切り抜いた画像の境界線が目立って、不自然な仕上がりになることも。 この記事では、切り抜いた画像の境界線をきれいに調整する方法5個をまとめてご紹介します。 これらの小技テクニックをマスターすることで、よりナチ

    フォトショップ切り抜きを極める!境界線をきれいに調整する瞬速テクニック5個まとめ
  • Raspberry Pi3で自動ノート取り装置を作った - いきるちから

    はじめに 数理情報工学実験第二という演習で、Raspberry Piをつかって何かを作ることになりました。そこでAMATERASUという自動ノート取り装置を作ったので紹介します。 そもそもRaspberry Piって? Raspberry Pi3 Model B ボード&ケースセット (Element14版, Clear)-Physical Computing Lab 出版社/メーカー: TechShareメディア: エレクトロニクスこの商品を含むブログ (3件) を見る これです。安くて小型で色んなセンサーをつけて遊べるコンピュータです。今回はカメラモジュールを使いました。 自動ノート取り装置とは 自動ノート取りの目標は、講義を撮影した動画*1を処理することで、ノートの代わりとして使える画像を出力することです。具体的には次のgifのような画像を次々出力していくのを目標にしています。黒くな

    Raspberry Pi3で自動ノート取り装置を作った - いきるちから
  • IE8で画像にmax-widthを指定すると表示されなくなる

    IE8でブログのレイアウトが崩れたので修正しました。まだ直ってないところもあるけど… WordPressのカスタマイズ楽しいですね!やりたいことを手探りで試してみる感覚は、理科の実験を思い出しますね(^o^) 今のデザインはwebデザインレシピ様のWordpressテーマをカスタマイズしてレスポンシブデザインにしました。 このブログのトップページの記事一覧でサムネイル画像が左にあり、テキストが回り込むレイアウトにしたくて以下のコードを組みました。 <div class="entry_wrap"> <div class="thumbnail"> <img src="dummy.jpg" width="110" height="110" /> </div><!-- thumbnail --> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

    IE8で画像にmax-widthを指定すると表示されなくなる
  • 画像のファイルサイズを最大70%減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」

    PNG画像を最大70%圧縮できたり、透過処理したPNG画像も透過処理を残したまま圧縮できたり、複数PNG画像を一括で処理したりもできるファイル圧縮ツールが「PNGoo」です。無料でブラウザ上からファイルサイズを圧縮できる「TinyPNG」や「Kraken.io」でも使われている「pngquant」というコマンドラインツールを使用したフリーソフトで、ブラウザ上で処理を行うわけではないのでインターネットに接続していなくてもいつでもPC上で画像を圧縮できてしまいます。 pngquant — lossy PNG compressor http://pngquant.org/ ◆PNGooを使ってみた 「PNGoo」をインストールするには、上記リンクからpngquantの公式ページへ飛び、「PNGoo」と書かれたリンクをクリック。 すると「PNGoo.0.1.1.zip」というファイルがダウンロード

    画像のファイルサイズを最大70%減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」
  • 著作権侵害をせずに、芸能人の写真を思う存分使える『ブログ用の写真検索さん』が凄い!しかもクリックされれば自分の報酬にもなります。 - SONOTA

    アイドルや俳優の写真を、無断で掲載してしまっているブログって多いですよね。来、そういった行為は著作権や肖像権の侵害…。下手をすると芸能事務所から、損害賠償請求をされてしまうような事態にも陥ることにだってなりえます。 芸能人の画像は非営利ならブログに載せていいのでしょうか? ダメです、許可無く無断で載せると違反行為となります。音楽事務所などがルールなどに基づいて、貼り付けを許可しているもの以外は肖像権侵害行為・著作権侵害行為となります。 いくら好きでもダメなものはダメ: だから、いくらAKB48が好きだからって勝手にブログに掲載してはダメです。そして、篠原涼子がいかにカッコ良かったからといっても、ドラマ『アンフェア』の映像を勝手にブログに掲載してはいけないのです(刑事役がハマっていましたよね)。 合法的に画像を使ってます: ここまで読んで、おまえも違法に芸能人の画像を掲載しているじゃないか

    著作権侵害をせずに、芸能人の写真を思う存分使える『ブログ用の写真検索さん』が凄い!しかもクリックされれば自分の報酬にもなります。 - SONOTA
  • ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!|男子ハック

    Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利! 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス!Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連:1

    ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!|男子ハック
  • cakePHP 2.x 画像アップロードプラグイン“upload”の使い方

    cakePHPで画像アップロードといえばMedia Pluginだったのでしょうが、GitHubを見てみるとなんだか開発は中止したそうなので、これから作るウェブに組み込むのはちょっと微妙かなと思い他を探してみました。 条件としてこんな感じ。 ・cakePHP 2.x 対応 ・複数のモデルに対して複数の画像が関連付けられる ・サムネイルを作ってくれる ・MIMEタイプを制限できる いくつか見つかりましたが、海外のフォーラムとかで評判がよさそうな"upload"を使ってみることに。 ↓こんな記事があったので、気になってましたが、イロイロ考えてやめました。画像系って一回組み込むと変えたくないからちょっと慎重になる。 CakePHPの超便利なファイルアップロードプラグイン、FileBinderプラグインの使い方をまとめてみた。 ↓今回つかったのはこちら↓ josegonzalez / upload

    cakePHP 2.x 画像アップロードプラグイン“upload”の使い方
  • PHPを使って画像をアップしてjQueryで切り抜くチュートリアル:phpspot開発日誌

    Image Upload and Cropping with PHP and Jquery PHPを使って画像をアップしてjQueryで切り抜くチュートリアルとデモが公開されています。 配布されているプログラムをダウンロードしてプロトタイプとして使って開発効率を高める事もできますし、単に学習用に使うこともできそうです。 実際のサービスで使うにはセキュリティの問題がないかどうかをちゃんとチェックして使いましょう デモページはこちら 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPAmazon SESを使うチュートリアル PHPとGDを使ってCaptchaを自作するチュートリアル

  • 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌

    異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます(角丸はCSSで指定してます)。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div

  • 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌

    異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な

  • 大迫力のページをフルに使ったイメージギャラリー実装デモ:phpspot開発日誌

    Full Page Image Gallery with jQuery | Codrops 大迫力のページをフルに使ったイメージギャラリー実装デモ。 jQueryを使って画面を最大限に使ったギャラリーの実装コード例とコードのダウンロードが可能です。 フルサイズなので、写真の迫力が出せて、更に所々がJavaScriptによってアニメーション付きでクールに動作します。 コードはそれほど複雑なものではなく、カスタマイズ等も簡単そうです。 関連エントリ これはいい!iPadテーマのjQuery画像ギャラリー PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 超カッコいいApple風スライドショーギャラリー作成チュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ

  • 画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式

    小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。 ダウンロード こちらから「SmillaEnlarger」をダウンロードします。 Download ソフトを起動させます。 使い方 まずは、拡大したい画像をドラック&ドロップします。 Output Dimensions …サイズ変更 Specify zoom facter: 倍率 Specify width of result: 横幅指定 Specify height of result: 縦幅指定 Fit inside boundary: 縦横幅の最大値指定 Stretch to fit: 縦横幅の指定 Crop to fit: 切り取り指定 Fit inside, add

  • CakePHP - Build fast, grow solid | PHPフレームワーク

    New CakePHP 5.0 Chiffon. Faster. Simple. Delicious. What's new in version The migration guide has a complete list of what's new in. We recommend you give that page a read when upgrading. A few highlights from 5.0 are: PHP 8.1 required. Improved typehints across the framework. CakePHP now leverages union types to formalize the types of many parameters across the framework. Upgraded to PHPUnit 10.x

    CakePHP - Build fast, grow solid | PHPフレームワーク
  • 1