Cropper.jsとjquery-cropperで作る画像切り抜きUI入門新着!!
ユーザーがアップロードした画像を、サーバーに送る前にブラウザ上で切り抜く——プロフィール画像やサムネイルの登録では定番のUIです。自前で実装するとドラッグ処理・リサイズハンドル・アスペクト比の固定などで一気に複雑になりますが、[Croppe…
Intervention Imageで画像リサイズ・トリミングを実装する新着!!
PHPで画像を扱うアプリケーションでは、「アップロードされた画像をサムネイルにする」「表示サイズに合わせてリサイズする」「正方形に切り抜く」といった処理が頻繁に必要になります。PHP標準のGDやImagickを直接扱うこともできますが、AP…
gulpでSassコンパイルと画像圧縮のビルドタスクを組む
静的サイトやCMSテーマの制作では、Sass（SCSS）のコンパイルと画像の最適化が毎回発生します。手作業でやっていると時間がかかり、やり忘れも起きがちです。この記事では、gulp（5系）を使って以下を1つのビルドパイプラインにまとめる手順…
webpackの画像最適化：image-minimizer-webpack-pluginで配信サイズを削減する
画像はフロントエンドの転送量の大半を占めることが多く、ビルド時に圧縮をかけるだけで配信サイズを大きく減らせます。本記事では webpack 5 で image-minimizer-webpack-plugin（内部で sharp / ima…
Slickで作ったSliderで画像とdots間の大きな隙間を強引に解決した方法
Slickで作ったSliderで画像とdots間の大きな隙間を強引に解決した方法 今ドメイントップの作り変えを行ってまして、TOPページにsliderを置こうと。 で、簡単だからSlickでいいかなと思い作業をしたら、画 […]
Amazonから白背景画像を取得したら透けセーラーのお姉さんが...
Amazonから白背景画像を取得したら透けセーラーのお姉さんが... 自作システムでは、Amazonの画像を取得するスクリプトを組んでいます。 サムネイルや白背景が無い時にデータを共用させてもらおうと言う取り組みなのです […]
Laravel：getimagesize() read error の原因と対策について
Laravel：getimagesize() read error の原因と対策について まだ自動出品までは至っていませんが、商品DBとしてはかなりいい線まで作成できたと思っている今日この頃。 しかし！やっぱり予期せぬエ […]
楽天市場：画像修正が終わらない。
楽天市場の画像修正が終わらない。 楽天市場から1枚目画像(サムネイル)の修正を求められ4か月が経過しました。 もうそろそろ5か月かな？ うちの店舗、画像修正...間に合いませんでした。 最終期限は2月末まで。 現状で52 […]
楽天市場：画像修正期間まであと1か月
楽天市場：画像修正期間まであと1か月 いよいよ減点開始まで1か月になろうとしています。 2月は日数が少ないので実質1か月と考えて問題ないでしょう。 考えれば考えるほど腹が立ってきますが、そんな事を言っても仕方ありません。 […]
楽天市場画像判定アプリへの不平不満
画像判定ツールがバージョン1.1になりました ホントこの件に関しては楽天市場に対して苦情しかないです。 判定ツールを使って判断してくれと言いながら、バージョンが上がったら今まで【OK】だった画像が【×】になってます。 お […]