JPG:写真や色のグラデーションが複雑なもの PNG:PCで作成したデータや透明を使うもの GIF:色が単純なアニメーション(基本使わない) SVG:ベクター形式で作成されたロゴ BMP:写真向きだがファイルサイズ大きすぎて使えない WebP:ブラウザ対応できればJPG,PNG,GIFの代わりに PSD:Photoshop編集用データ AI:Illustrator編集用データ
初めに GitHubのREADME.mdに、自分が作ったサービスのUIや使い方などを画像で表示できたら嬉しいなと思い、調べてみたら簡単にできました。 ①GitHubで新規issueを作成 画像を表示させたいリポジトリで、新規Issueを作成します。 ②表示したい画像をドロップ 作成したisssueのコメントに、表示させたい画像をドロップしてきます。 ③生成された画像URLをREADME.mdにペースト こんな感じで画像URLが生成されます。 これをそのままREADME.mdにペーストします。 こんな感じで表示されます。issueはcloseさせちゃいましょう。 超簡単ですね! 参考記事 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can ef
ある記事 によれば、レスポンシブ Web デザインを採用するサイトの 72% が、デスクトップとモバイルに同じリソースが使われているそうです。またそれらリソースの 60% 以上が画像 という統計や、モバイル用に画像を最適化すれば、データ量を 72.2% 削減できる という調査結果もあります。 ということで、レスポンシブ画像のことを調べていていましたが、その技術進化というか、紆余曲折も含めて色々とある様です。 最新技術を素早く取り入れることはもちろん大事ですが、特に過渡期においては、変化に強いサイトを作るためにも技術の先行きを見極めることが重要です。そこでタイトルのような視点で、これまでの経緯をつらつらと辿ってみました。 自分としてのテーマは、「じゃあ、今、どうするか?」だったのですが…。読んで下さる方の何かに役立つかどうかは甚だ心もとない記事です。 ちなみに今回記事で取り上げた話題について
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利! 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス!Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連:1
集中線って、こういう漫画とかにある奴。 関係ないけど商品画像に集中線つけたらやり過ぎだと言われた たまに、自分の作ったもののセンスの悪さに笑いが出る。 「ヒデェwww」って自分で大爆笑してる。家でもカイシャでも。 未知の領域を引き出してくださいます。 そういう魅力を兼ね備えているPhotoshopさんは非常に素晴らしいと思います。 (やり過ぎだと言われても、そのまま放置してる。代替えがないから。と言う理由で。結構気に入ってるのに消すのは勿体無い…) さ、今日はヤルよ。 ■ 【1】 ベタ塗り・ノイズ 集中線を付けたい画像がすでにあるならソレでも良いけど今回は1000*1000の新規作成。 新しいレイヤーに適当にバケツで色を塗ります。 何色でも良いです。 【フィルタ】→【ノイズ】→【ノイズを加える】で大量にノイズが入るようにします。 でも前面ノイズだらけで色の差がないと面白く無いので、適度に汚
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ&保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く