SNSへのリンクの投稿時に、表示される画像のちょうどいいサイズ設定 あぱーブログ | LinuxやPHPなど、ITシステム関連のブログ
FacebookやGoogle+、TwitterCardsにリンクを投稿すると、リンク先のページで使われている画像を表示してくれます。表示する画像は OGPタグなどで指定できるのですが、適切なサイズの画像を指定しないと、別の画像が表示されたり、意図しないところで画像が切れて表示されてしまいます。そこで、Facebook、Google+、TwitterCardsのリンク投稿に表示される画像のちょうどいいサイズと、画像の指定方法を調べてみました。 ※諸々の情報は、2014年9月時点のものです。 Facebookの画像サイズhttps://developers.facebook.com/docs/sharing/best-practices#images 推奨サイズは1200×630ピクセル、最低でも600×315ピクセルの画像を使用するべきとあります。600×315ピクセル以下の画像でも表示さ
Facebook OGP画像の最新サイズ（※2014年9月）、もう正方形は不要
↑このイラストが、Facebook OGP画像の最新サイズです（2014年9月末現在） といっても、ちょうど昨年の今頃に一度仕様変更があり、その時に最適なサイズに対応していた場合は今回は特別な対応は不要です。 約1年前、FacebookのニュースフィードのUIが変わり、OGPの画像（og:image）のサイズ仕様が変わりました。 軽くおさらいすると、つい最近まで、OGP画像の推奨サイズは下記のような形でした。 なんで正方形で作成しなければいけないかと言うと、今までは「PC版のユーザーのタイムライン」を見た場合のみ、og:imageが正方形で表示されていたからなんですね。 FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） https://snowadays.jp/2013/09/2106 Face
株式会社ジェイクール【ホームページ更新代行・制作】
OGP設定でog:imageの設定（ページがFacebookでシェアされる際に表示される画像の設定）をした or 変更したにも関わらず指定した画像が表示されない場合は下記をご確認ください。 ①リンクを絶対パスで指定する 画像のリンクは相対パスではNGな様です。 × NG <meta property="og:image" content="../img/facebook.jpg" /> ◎ OK <meta property="og:image" content="http://xxxxxxxxx.co.jp/img/facebook.jpg" /> ②画像サイズは200×200px以上で それ以下のサイズではエラーが出る可能性が有る様です。 ③既存画像を差替える場合は、別名ファイルにする 画像名が同じ場合は、キャッシュの関係で反映が遅れる可能性が有る様です。 特に理由が無ければ、新ファイ
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
androidのcanvasのCORSが動かない - lxyuma BLOG
経緯 canvasを画像に変換したかった。(toDataURL) しかし、canvas内の画像をCDN経由にすると、 後述のとおり、ブラウザのsecrity policyにひっかかり画像に変換できない。 そこで、Cross Origin Resource Sharing(CORS)を使って、これを回避したかった。 これは、そのメモ。 結論 先に結論を書いておくと、androidだけ無理だったので諦めた。 canvasでの画像変換でのCORS対応は、まだまだ未整備な感じ。 ブラウザのsame origin policy ブラウザには、same origin policy 同一生成元ポリシーというルール(RFC)がある。 これは、 同じprotocol 同じポート 同じホスト ではない、ページ間の操作やアクセスを制限するというもの 参考 MDN wikipedia xhrやiframeなど、ブ
【CSS】Google Chrome や Android 系のブラウザで［background-attachment］のエラー。
【CSS】Google Chrome や Android 系のブラウザで［background-attachment］のエラー。 PC版の Google Chorome も含め、スマートフォンの Android 系のブラウザで、背景画像の描画が思いどおりにいかないときがあります。 例えば、背景画像がコンテンツの上に重なってしまっていたり、パララックス系のデザインで背景画像の透明化や不透明化の処理に不具合が見られるとき、あるいは、コンテンツエリアが真っ白になってしまっているときなど。 多くの場合は CSS の［background-attachment］が悪さをしています。 実は、あなたが今ご覧になられているこのサイト（オンズのウェブサイト）の制作時にも、このエラーにハマり、解決に数時間を要してしまいました。 エラーが起こるのは、例えば、以下のような CSS のコードを書いたときです。 bo
PC/スマートフォンで背景画像を固定する - Cube Lilac
Web ページで背景画像を固定する場合、オーソドックスな方法は background-attachment プロパティを fixed に指定する事らしいのですが、この方法だと（PC で閲覧する分には問題ないのですが）手元の iPhone (iOS 5.1.1) では固定されませんでした。 /* この方法だと、iPhone（スマートフォン）で閲覧した時に背景画像が固定されない */ body { background-color : #cccccc; background-image : url('images/background.jpg'); background-repeat : no-repeat; background-attachment : fixed; background-size : 100% auto; /* 画面の幅に合わせて拡大・縮小 */ } そこで少しググってみ
Refuge - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ しばらく休止します 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Prott - Prototyping tool for Web iOS Android apps
Design awesome products, with your team. Maximize your team’s superpowers and keep everyone engaged - from first idea to pixel perfect.Get started now!Get started now!Get started now! HAVE FUN! Make your process as awesome as your product. Keep miscommunication, technology failures and folder chaos from spoiling the fun. Enjoy the process, with Prott! Get the best out of your team Within every tea
なりきろいど
日本でLeetbit Casinoでプレイできますか？ Leetbitには日本語版サイトがあり、日本からのプレイヤーを受け入れています。信頼と評判の高い国際的な規制機関であるキュラソーがこのカジノを認可しているため、日本のプレイヤーは合法的にアカウントを作成し、ポータルでプレイすることができます。 この会社は、多くの異なるオンラインカジノをライセンスしており、モバイルデバイスやラップトップからアプリを通してそのようなサイトでプレイする多くのプレイヤーから信頼されています。このように、合法的なギャンブルプラットフォームであるLeetbitは、世界的に認知された信頼できるレギュレーターによってライセンスされ、認定されていると言えます！ Leetbitカジノは安全ですか？ はい、日本人プレイヤーにとって絶対に安全です。Leetbitは、フェアプレーの原則に従い、快適な娯楽のための多くの便利なツー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
超高速ファイル検索ソフト「Everything」v1.3が正式版に