Automatorで複数画像を一発でリサイズ、フルリネーム、連番付与を実行するショートカットを作ったら超捗った｜男子ハック
MacおすすめアプリAutomatorで複数画像を一発でリサイズ、フルリネーム、連番付与を実行するショートカットを作ったら超捗った2013年10月13日303 ショートカット入力で「画像リサイズ」「フルリネーム」「連番付与」ができる！Macでブログを書く際にキャプチャを利用することが多いですが「スクリーンショット ◯◯」という名前のファイルがたくさんあってリネームが面倒。ブログに合わせて画像のリサイズもしないといけないし、と手間がかかります。 今回紹介する方法を使えば「スクリーンショット ◯◯.jpg」→「好きな文字列_o1.jpg」みたいにショートカット一発で変更できます。 Automatorは決められた作業を自動化するサービスやアプリなどを作成することができるMac標準のアプリです。 前回は基本的なサービスで「画像のリサイズ」をするサービスを作成してショートカットを割り当てるという方法
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー
2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj
サムネール画像を手軽に作れるPHPクラスを作ってみた。
※1 GIFファイルの書き出しには、GDライブラリでGIFの書き出しがサポートされている必要があります。 ※2 書き出し先のフォルダは事前に作成し、適切なパーミッションを設定してください。 準備 ファイルをダウンロードして、適当なフォルダに置いてrequire_once()でもすれば準備完了です。簡単。 ファイルのダウンロードはページ下部のリンクから行ってください。 require_once('/path/to/XImageThumbnailer.php'); 実行 次にクラスインスタンスを作成してオプションを指定し、create()するだけです。 以下の例はimg.jpgをPNG形式で400 x 200ピクセル, 幅50% x 高さ25%ピクセルのサムネール画像を作成しています。 $option = array( "src" => "/path/to/img.jpg", "format"
ブクマしておくと何かと便利な、画面のレイアウト幅・画像サイズ表
スマートフォン、タブレット、デスクトップのために... / バナーサイズの国際標準 / タイムラインのサイズはこれで完璧！新Facebo...他...全4件 0-240px : ウェブを利用できる最も古いケータイ241-399px : iPhoneのポートレイト400-540px : iPhoneのランドスケープとAndroidのポートレイト541-767px : Kindle Fireのポートレイト768-959px : iPadなどのタブレットのポートレイト960+px : タブレットのほとんどのランドスケープ、デスクトップ 【レクタングル】 300 x 250250 x 250240 x 400336 x 280180 x 150300 x 100720 x 300【バナー・ボタン】 468 x 60234 x 6088 x 31120 x 90120 x 60120 x 24012
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトのサムネイル、PDF の生成サービス
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
