PHP で画像をロードする時には BOM に注意 : まだプログラマーですが何か？
２日ほど泥沼にハマって抜け出せなくなっていた問題が解決できたので、その謎を共有します。 元々はこんなシステムを PHP で作ろうとしていました： - 画像をアップロードできる - アップロード画像は ID を付与した上で MySQL の BLOB （バイナリ・ラージ・オブジェクト）として格納する - ID を指定して、アップロード済みの画像を表示させることができる 自分自身でも Java では何度も作ったことのある仕組みで、その PHP 版を作ろうとしただけでした。 いざ作って動かしてみると、アップロードは成功します。でも表示時に画像が壊れてしまい、うまく表示できないのです。この原因究明と解決に時間を使ってしまいました。 もう少し詳しく状況を説明します。調べていくうちに同じ現象が MySQL を使わなくても再現できることがわかったので、話をシンプルにするために MySQL なしで説明します
WordPressでサイズの違うアイキャッチ画像をPC用とスマホ用で出し分ける - 魔ッドアングラー
WordPressでサイズの違うアイキャッチ画像をPC用とスマホ用で出し分ける スマホ用にメディアクエリを設定してひと息ついた頃、PageSpeed Insightsを確認してみたら「モバイル」の速度がガタ落ちしていました。記憶では80点くらいあったのに、50点になっていました。 原因は画像。特にアイキャッチに使用している「722 × 234」ピクセルの元画像が大きすぎるようです。 メディアクエリで「max-width: 100%;」にしているだけなので毎回読み込みに時間が掛かっているようです。 PageSpeed Insightsはこれを『横幅 320px にリサイズしろよ』と迫ってきます。 ご丁寧にもリサイズされた画像のダウンロードすらできます。非常に親切です。 しかしそう簡単に置き換えるわけにもいかない、PC用の画面で見ると今度は小さくなってしまうからです。 さらに考えてみれば、この
画像サイズを「サムネイル」「中」「大」「フルサイズ」から選択または任意のサイズを指定する
ブロックエディタでは記事に「画像」ブロックを追加し画像ファイルをアップロードすることで記事に画像を表示することができますが、追加された画像をどのサイズで表示するのかを選択することができます。ここではブロックエディタを使っている場合に記事に追加した画像のサイズを選択する方法および任意のサイズを指定する方法について解説します。 画像のサイズを「サムネイル」「中」「大」「フルサイズ」から選択する 画像サイズの選択方法を確認するため、新しい記事を作成し「画像」ブロックを追加しました。 「アップロード」をクリックして、表示する画像ファイルを選択します。今回は画像サイズが 4800 x 3200 の画像をアップロードしました。 画像を記事のなかでどれくらいの大きさで表示するのかの設定は、サイドバーオプションの中の「画像設定」で行います。 「画像サイズ」の下にあるドロップダウンメニューをクリックすると、
Nginx + WordPress S3篇 - サーバーワークスエンジニアブログ
こんにちは。CSチームの坂本です。 今回からは、しばらくNginxを離れて前回の「Nginx + WordPress ロードバランサー篇」の構成での運用上の問題点を、AWSのサービスを使って解消していきたいと思います。 まずはWordPressの管理画面から画像をアップロードした場合の問題点をみてみましょう。 このままではアップロードした画像は3台のWebサーバーのどれか1つにしかアップロードされません。 アップロード時に「他のWEBサーバーと同期する処理を加える」などの対策も考えられますが、今回はAWSのサービス「Amazon S3」とWordPressのプラグイン「Amazon S3 for WordPress」を使って簡単にできる方法を取りたいと思います。 目次 Amazon S3とは？今回の構成Amazon S3 for WordPressまとめ 1. Amazon S3とは？ 今
ロゴジェネレーター（googleロゴジェネレーター、アニメのロゴジェネレーターなど）
無料で使えるタイトルロゴジェネレーター（ジェネレータ）まとめ ネット上で簡単にロゴを作成できるサイトをご紹介します。ここで紹介しているものは全て無料ツールで会員登録などが不要で使えるものなので、お気軽にお試しください。 ロゴジェネレーターは著作権の関係で公開が停止することもよくあります。その点ご了承いただければと思います。 あの企業・サイトのようなロゴを作成！ amazonっぽいロゴを作る amazon logo maker amazonのロゴはaからzに向けて矢印が描かれています。これはaからzまで何でも揃うという意味を込めているそうです。（笑った口に見えるという意見も多いですが…） （作り方） ボックスの中にロゴにしたい単語を入力する。※アルファベットのみ。日本語は入力できません。 ↓ 「make」ボタンを押す。 ↓ ※画像をそのまま右クリックで保存はできないので、画面キャプチャーで保
20行で作るPHPサムネイル生成スクリプト / ウェブデザインライブラリー
投稿日：2007年11月16日 レベル：初心者 ソフトウェア：- このチュートリアルでは私がAccidental Presidentのサイトで書いたサムネイル生成スクリプトに焦点を当てます。小さい画像を生成するのではなく、写真のセクションを切り取ってぼんやりしたスナップショットを作成します。また、サムネイルのサイズは変更が可能なので、それぞれのサイトの間でスクリプトを使用して異なるサイズのサムネイルを作成します。 Step1 ： 変数を取得 Step2 ： 変数を保存 Step3 ： 画像をトリミング Step4 ： サムネイルの調整 Step5 ： 空白の画像を作成 Step6 ： 微調整 Step6 ： 完成
画像の再配布を禁止する （コピーや転送を不可にする） 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
ちょっと3キャリア対応サイト作成法から離れて、今回はちょっとハイエンドなテクニックを紹介します。 例えば、壁紙サイトを携帯サイトで運営するとします。「自分が作成した画像はできれば、自分のサイトからダウンロードして欲しい。」 とか、 「画像を勝手にコピーされたくない。」などのように考える方もいらっしゃるでしょう。 現在の携帯端末はサイト上に掲載されている画像を簡単に端末に保存できます。また、通常、著作権処理が施されていない画像の場合、これらの画像をメールで転送したり、外部メモリーカード等に書き出すことができます。つまり、サイトオーナーからしてみれば、事実上画像の流出を防ぐことができません。 しかし、これを許してしまうと、例えば商用サイトなどでは、死活問題になりかねないことになり、対策する必要が出てきます。 その画像に著作権を付ける方法が今回のテーマです。 コピーや転送を制限する。 つまり、自
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hublog.biz
builwing.info