This site uses cookies to ensure we give you the best experience on our website.Find out more about cookies Fastest Browser Based WebP Converter Free JPG and PNG to WebP convert without uploading to our or any other servers.
2022年4月27日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ ↑私が10年以上利用している会計ソフト！ SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
Mac用画像圧縮ツールImageOptimやImageAlpha、JPEGminiシリーズをコマンドラインから操作＆バッチ処理してくれるツール「ImageOptim-CLI v2.0」がリリースされています。詳細は以下から。 Macには有名な画像圧縮ツールとしてイギリスのKornelさんが開発しているImageAlphaやImageOptim、写真や動画要編集ツールを開発している米Beamr Imaging Ltd.のJPEGminiシリーズなどがありますが、 ImageAlpha: https://pngmini.com ImageOptim: https://imageoptim.com JPEGmini Lite: https://itunes.apple.com/us/app/jpegmini-lite/id525742250 JPEGmini Pro: https://itune
「カメラの使いかたを教えてほしい」と頼まれることが多い、つぼた（@spot_tsubota）さん。 自身がカメラを始めたころに「もっとシンプルで、まとまった資料がほしい」と感じていたものを見やすくまとめて投稿したところ、感謝のコメントが多数寄せられました。 カメラを使うのが楽しみ！ 手軽に撮影が楽しめるコンパクトデジカメなどと違って、専門的な知識も必要になる一眼レフカメラ。 『シャッタースピード』や絞りといわれる『F値』など、カメラ初心者にとっては取っつきにくく、ハードルが高く感じる言葉があります。 そんな基本的な用語を図で分かりやすく表現した、つぼたさんの画像がこちらです！ 最近「カメラの使い方を教えてほしい」という声が多いので、以前作った「カメラの基礎講座」も需要がありそうだなと。私がカメラを始めた頃に「もっとシンプルでまとまった資料があれば良いな」と感じていたものを形にしてます。カメ
12月も半ばとなり、世は忘年会シーズン。社内社外を問わず、様々なつながりの人たちが、飲んで騒いでして楽しく1年を締めくくろうとする時期です。 そうした忘年会のひとつとして、とあるブログサービスのオフィシャルな忘年会があったらしく、たまたまその参加者レポートを昨日目にしました。絵日記系の方が多く集まっていたようで、その界隈が「レポアップしましたー」とSNSに上げるひとつが自分のアンテナにひっかかったのです。 途中まで読み進めて、目を疑いました。 「これだけ名刺交換しました」と、その日に出会ったであろう皆さんの名刺を綺麗に並べて撮った写真が、大きく掲載されているのです。 モザイク加工なんて一切なし。その状態でもよーく見れば住所電話番号が推測できる画質で、しかもクリックすればさらにこれが拡大表示されて、すべての情報が鮮明に確認できるというオマケつき。 ブログ主のプロフィールを見ると、「イラストの
Click here to view the full size map. | Photo by Gregory Lane With over 750,000 readers each month, Tokyo Cheapo is the site of choice for value hunters who want their yen to go further in Tokyo. We cover all the basics including things to do in Tokyo, how to get from Narita airport to Tokyo, which JR rail pass to choose, getting a SIM card and pocket wifi. To find why we started this site, check
3色をシンボルで表すよ。UNOが色覚異常を持つプレイヤーでも遊べるカードセットを販売2017.09.30 18:106,501 そのカードゲーム、バリアフリーですか？ 9月6日の国際色覚異常啓発デーに合わせてUNOが発表したのは、色覚異常を持つ人でも遊ぶことができるUNOカードデッキ｢UNO ColorADD｣です。これは｢色覚異常を持つ人のための世界初のカードゲーム｣です。プレスリリースでは次のように発表されています。 色覚異常者の教育とアクセシビリティのための国際組織ColorADDとパートナーを組みデザインされたこのデッキは、どのような色覚異常を持つ人でもカードの色を特定できるインクルーシブかつ非差別的な言語を起用しています。3原色を表す3つの記号に基いています。それぞれの記号はカードの左上と右下のコーナーに記され、UNOの象徴的な赤、黄色、緑、そして青色を示してくれます。 あれ？赤
古今東西の野球場についての各種データと 野球場の大きさ、広さ比較の｢YAKYUJO.com｣です。 過去にブログで紹介した野球場を中心に随時アップしていきます。 詳細な資料を沿えていただければリクエストにお応えいたしますのでメールにてご連絡ください。 (このサイトについて)掲載されている野球場のイラストおよびデータについては、各種資料をもとに管理人が独自に制作したものであり、その正確性を保証するものではありません。またこれらの情報をもとに発生した損害に対しても管理人は一切の責任を負いかねることを合わせてご了承ください。 イラストを二次使用していただくことは基本的に問題ありませんが、著作権の放棄はいたしませんので、使用に際してのご要望等ありましたら以下のメールアドレスまでご連絡ください。admin@yakyujo.com
[レベル: 初〜中級] 導入時期が依然として不透明なモバイル ファースト インデックスですが、導入に備えて確実に必要になる対処がいくつかあります。 そのうちの1つが alt 属性です。 モバイル向けページで alt 属性 をもし省略しているなら、今すぐにでも設定する必要があります。 ひとたびモバイル ファースト インデックスへの切り替えが実行されれば、検索結果、特に画像検索結果に悪い影響が出るかもしれません。 alt 属性を設定していなモバイルサイトが多い モバイルサイトでの alt 属性の状況について、Google の John Mueller（ジョン・ミューラー）氏は英語版のオフィスアワーで 次のように注意を促しました。 alt 属性に関してモバイルファーストインデックス チームから特によく聞くのは、alt 属性を画像に設定していないサイトがたくさんあるということだ。 alt 属性がな
2017-06-03（土）にクリエイティブセンター福岡にて行われた「!important04」でのスライドです。Read less
【Photoshop基本操作】ヒストグラムとは、画像内のピクセル分布を、明るさのレベル別にグラフ化したものです。画像内の階調をすばやく識別することによって、適切な補正を行うことに役立ちます。 ヒストグラムを気にせずに補正すると、暗い部分の階調が最小値になった「黒ツブレ」、明るい部分の階調が最大値になった「白トビ」を引き起こしてしまう可能性が大きくなります。このような補正は大失敗で、プロの現場では全く通用しません。必ず、ヒストグラムを確認しながら作業を行いましょう。
ImageOptim.md ダウンロードしよう！ ImageOptim — make websites and apps load faster (Mac app) まずはサイトから、ImageOptim.appをダウンロードしましょう。 使ってみよう！ ImageOptim.appを起動させてみましょう。起動させると、そっけないウィンドウが表示されます。 このウィンドウに最適化させたい画像をドラッグ＆ドロップさせます。 ウィンドウ左下の+ボタンからでもファイルを選択できます。 ドロップさせると自動的に最適化が実行されます。MacBookのファンが唸りだすかもしれませんが問題ありません。頑張っているのです。 ファイル名横の緑色のチェックマークがついたら最適化完了です。 まれに再実行すると、さらにファイルサイズ削減できるので試してみましょう。 何をしているの？ ImageOptim.appは
初めて一眼レフカメラを手にした人のための、撮影基礎講座。 自分の撮り方を確立するための情報集です。 ただし、ここに書いてある事はあくまでも1つの方法論にしか過ぎません。 これらの情報を活用し、「ご自身の撮り方」を確立してください！ 撮り方 ワンショットで満足しない 写真は家に帰ってから削除しよう 写真は気持ちで撮る 持ち歩こう 出かける前に電源を入れる 上達のコツは撮ること、見ること、見せること 一歩近寄って！ セオリーよりも楽しさ重視で 被写体に対して情熱を持とう 独創性 結婚式の撮り方 カメラ教本 撮影の上達はキョロキョロ、ウロウロ 写真にとって大切な事 starve 練習は頭で、本番は体で 光を読むということ 良い写真が撮れないと嘆いている... ポートレイト撮影術 その1 とびきりの一枚を手にする為に テクニック まずは中央一点 最初はPモード 慣れないうちは連写でカバー 最初のス
notifications-menu#getMarketingNotifications:once click->ez-drop-down#handleSubMenuClick click->notifications-menu#menuClick" data-notifications-menu-target="menuButton"> Explore Free Stock Photos Find the best royalty free photos and pictures for your design, with thousands of new images added every day. Download free photos of backgrounds, nature, business, food and more that are safe for commer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く