2)「データ書き出し」(この時出るウィンドウの 5.Photoshopに貼り付け後、「Web用に保存」でjpg JPEG 2. ・Web用に保存 このようなことができたら、教えてください。 また、bmpやjpgといった画像ファイルに出力するときにも アウトライン化したデータを保存してしまった場合はどうやっても解除できないので 3)「JPGオプション」というウィンドウが出ますか...続きを読む, Illustrator・Photoshopビギナーです。 環境: まずは、そもそも保存形式はどんなのがあるのか?というのを理解しておきましょう。 現状、Webサイト上で使われるグラフィック(動画除く)形式は以下の通りです。 1. All rights reserved. 私は9しか使っていませんが、直ぐに回答が欲しいようですので参考までに・・・ こんにちは。イラレCS5で作成してアイコンをウェブで使用するために 2)「データ書き出し」(この時出るウィンドウの Windows2000、Illustrator CS、Photoshop CS 圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。 2. 画像の白紙部分を簡単に透明にできる方法がありましたら教えていただければと思います。, Illustrator 上に、すでに配置されている白黒画像であれば、画像を選択して、透明を「乗算」 に変更してみてください。 Windows2000、Illustrator CS、Photoshop CS EXCELで保存することはできます。 環境: フォーラムトップページに質問者用のテンプレートがあるので、質問者・回答者相互のために利用をお願いします。, Windows 7, Photoshop CC2015, トラブルの内容, エラーメッセージ, ③トラブルの内容→写真をトリミング後、Web保存しようとするとというエラーメッセージが出ます。, ただ、今回どの写真を使ってもすべて同じエラーが出るのです…。以前普通にWeb用保存ができたPSDデータを試してみましたが、それもダメでした。, Adobeのソフトは一般的にWeb保存の環境設定を、一般的な環境設定とは別のところに保存しています。, こちらはMac + Elements 15の場合ですので、Windows + El.14では違うかもしれませんが、Web保存の環境設定は「次の起動時に環境設定を初期化」とは別に捨てる必要があるかもしれません。, 「次の起動時に環境設定を初期化」とは別に捨てる、とは具体的にどういう事なのでしょうか?, 「〜環境設定ファイルの場所」(下記リンク)の「初期の環境設定の復元」の項には「次の起動時に環境設定を初期化」ですべてがリセットされるとは書いてあるのですが,もしかすると「Adobe Photoshop Elements 14 Prefs.psp」(一般設定ファイル)のみが初期状態になるだけで「Adobe Save for Web Elements Prefs」(WEB用に保存機能の初期設定ファイル)は変更されないのかもしれないということだと思います。, 念のため,WEBの設定ファイルは手動で捨ててみる(デスクトップ等に移動させておく)という意味ですね。, Photoshop Elements および Premiere Elements の環境設定ファイルの場所, そういうことです。Web用に保存の設定ファイルも一緒に捨ててくれるのが親切だと思うのですが、なぜかWeb用は初期化してくれないのです。, PhotoshopCCの場合ですが,Adobe Save for Web CC Prefsのパスが,, C:\ユーザー\<ユーザー名>\AppData\Roaming\Adobe\Plugins\Adobe Save For Web CC\Photoshop, と,Pluginsフォルダを挟んでいるところをみると,ちょっと毛色が違うのかもしれませんね。, Photoshop Elements14では探せなかったのですが,ver.8/Win7では次のフォルダにAdobe Save for Web Elements Prefsがあるようでした。(ver.14だと「\14.0」フォルダを挟むのかな??), C:\ユーザー\<ユーザー名>\AppData\Roaming\Adobe\Save For Web PSE, 自動提案では、入力時に可能な一致が提案されるので検索結果を素早く絞り込むことができます。, 他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/td-p/9551071, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551072#M5206, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551073#M5221, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551074#M5233, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551075#M5238, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551076#M5240, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551077#M5242, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551078#M5244, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551079#M5246, /t5/photoshop-elements%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0/web%E7%94%A8%E3%81%AB%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B-%E3%82%92%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/m-p/9551080#M5248. Web用に保存をキャンセルした場合も同じです。 何か解決策などご存知でしたら教えてください。, 「保存 Web」に関するQ&A: Webサイトを保存して、オフラインでも見れるようにしたい。, 「イラストレーター」に関するQ&A: イラストレーターをJpegデータに保存, 「保存 Web」に関するQ&A: macでのWEBブラウザの画像の保存が出来ない, 「イラストレーター」に関するQ&A: イラストレーターが起動しない!助けて~!!, イラストレータの画像(ai形式)を一番画質を劣化させずにJPG形式に保存する方法を教えて下さい。, 画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。 長くなってわかりにくいですね^^; の2通りあるということでした。おそまつさま。, ?イラストレーターですよね? 要するに、イラストレーターでJPG画像を作成するのに 3)「JPGオプション」というウィンドウが出ますから そのエラーが起きる時にはイラストレーターが強制終了してしまい、Web用に保存したはずの場所にJPGファイルが無かったものとしますと。。。 4.「書き出し」でbmp保存後、Photoshopで「保存」でjpg ・「ファイル」>「データ書き出し」 ぜひ、普段変換されている手順を教えていただきたいです。 宜しくお願いします。, イラレがCSになる前まではイラレから直接「WEB用に保存」のメニューは選択できなかったはずです。(データ書きだしでjpegは一応あったかな?) そのエラーが起きる時にはイラストレーターが強制終了してしまい、Web用に保存したはずの場所にJPGファイルが無かったものとしますと。。。 画像の下のパスが、透けて見えます。, イラレで背景の色を変更するにはどうしたら良いですか? webおよびデバイス用に保存で保存しようとしたら、アイコンだけでなくドキュメント全体が ご指導頂きたくお願い申し上げます。, それらの本に書かれている通り、一度アウトライン化をすると元には戻せません。 DTPでは出力機の対応から、まだ8が主流です。10でバージョン8保存したものはまだ何とか出力は出来ますが、CSは使い物になりません。, 「原因不明のエラーが起きた為この動作はできません」と出てしまいます。 またフォトショップCS と 7でしたっけ? 今回は、Web用に最適化した保存方法を学びます。 【Web用に最適化したデータの保存】 1.Webおよびデバイス用に保存を選択 . イラレで、通常、背景の色は白色に設定されていますが、 1.「Web用に保存」でjpg この場合はweb用に保存はできないのでしょうか? The following two tabs change content below. 1.「Web用に保存」でjpg 四角を書いて一番したに置きご希望の色にして下さい, ※各種外部サービスのアカウントをお持ちの方はこちらから簡単に登録できます。 圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。 Adobeのソフトは一般的にWeb保存の環境設定を、一般的な環境設定とは別のところに保存しています。 こちらはMac + Elements 15の場合ですので、Windows + El.14では違うかもしれませんが、Web保存の環境設定は「次の起動時に環境設定を初期化」とは別に捨てる必要があるかもしれません。 ファイルを保存し、イラストレーターを閉じて再起動するとWeb用に保存が可能になります(一度だけ) 3.「書き出し」でbmp保存後、Photoshopで「Web用に保存」でjpg しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。 ただし、Ctrl+zやコマンド+zなどで作業を一つ前に戻すなどが出来るので Illustrator CC 2017 で書類を保存しようとするときに、「不明なエラーが発生しました」とアラートが表示されて、保存できないことがあります。 このようなときには、以下のチェックポイントを確認してく … 試しに同じイラストをイラレフォトショ両方でやってみましたが同じ結果でした。 これの色を変更するにはどうしたら良いですか? 2.「書き出し」でjpg 6.Photoshopに貼り付け後、「保存」からjpg イラストレーター10で一度Web用に保存をするとその後Web用に保存を選んでもなんのアクションも起きないようになってしまいます。Web用に保存をキャンセルした場合も同じです。ファイルを保存し、イラストレーターを閉じて再起動するとWeb 画質を調整(きれいなほどファイル重い)、オプションの「アンチエイリアス」がONになっていることを確認して 私は9しか使っていませんが、直ぐに回答が欲しいようですので参考までに・・・ 先日、息子の空手教室体験についていったら「お父さんもぜひ!」と勧められて、大人クラスを体験することになり、数日間、体がバッキバキだったスタッフ「ほ」です。, 大人になってから、腕や足が上がらなくなるほど運動することがほとんどなかったインドア派なのでとっても刺激になりました。毎週続けるのは無理そうですけど……, イラレやフォトショが使えると「ついでにホームページに載せる画像も作っちゃってよ」なんて頼まれること……ありますよね?, ネットを見ていると「とにかくJPEG派」をよく見かけますが、きちんと保存形式を理解して使い分けることで「軽くて美しい」保存ができるようになります。, 上記の画像たち、保存するならどの形式でしょう?答えは、このエントリーの最後に載せておきます。, 以下、解説をしていきますが、6種類の解説だと書く方も読む方も疲れてしまうので、ある程度グルーピングして解説していきます。, ということです。この256色は固定ではなく、画像ごとに色は入れ替えることができますが「最大で256色までしか持てない」ということです。, PNG-8が生まれたのには歴史的背景があるのですが、そこまで書くと長くなってしまうので、ご興味がある方は以下のURLをご参照ください。, 色数の制限があることから、これらの保存形式の使用目的は、ずばり「イラストの保存」です。, イラストレーターやフォトショップで保存する際に、より軽量な方を選べばいいと思います。※保存の方法は後ほど, GIFは、イラストをパラパラマンガ式で保存でき、Webサイト上の目を引くアイコンの作成などに力を発揮します。, アニメーションが複雑になるほど容量も重たくなってしまうので長編アニメーションには向いていません。, ※実はPNGでもアニメーションが作れるAPNGという形式が存在しますがサポート状況が悪く、日本国内で主流の2ブラウザ(IEとchrome)が非サポートです……将来に期待しましょう, 前項のGIFやPNG-8がイラスト向きだったのに対してJPEGやPNG-24は「写真の保存」に向いています。, これまた同じ用途で使いますが、それぞれ以下の違いがあるので覚えておくといいでしょう。, これもアプリケーションで保存する際に写真のクオリティとサイズの状況を見ながらどちらで保存するのか?を決定していただければよろしいかと思います。, こちらはPNG-24をパワーアップさせたもので、透明や半透明を扱うことができる形式です。, 「JPEGやGIFは知ってるけどSVGって何?」って方も多いのではないでしょうか。, ベクターデータは座標による描画を行うファイル形式のことで、拡大しても画像がぼやけない、という特徴を持っています。, このSVG形式で画像を保存しておけば、スマートフォンなどで画面をピンチアウトで拡大表示した際に綺麗にズームアップされます。, また、Retinaディスプレイをはじめとする高画素密度では、「画像がぼやけて見える」といった現象が起きますがSVGでは、それが起きません。, ブラウザサポート状況も現在のモダンブラウザ(IEは9以降)では問題なく扱うことができます。(参考:Can I Use), さて、PNGの後ろには8やら24やらの数字がついていますが、この数字は何の数字でしょう?, bitの計算は「2のn乗」で計算をしますから、8bitでは「2の8乗=256」となります。, そうなるとPNG-24では24bitカラー「2の24乗=16777216」となります。上記PNG-24の説明で出てきた「約1677万カラー」の正確な数字がこれですね。, PNG-32は「24bitカラー+8bitのアルファ値」を扱うことができます。「アルファ値」は「不透明度」のこと。, もうちょっとわかりやすく書くと「約1677万カラー+256段階の不透明度が使えます」ということですね。, 各保存形式がわかったところで、アプリケーションでの保存方法について触れておきます。, これらの保存形式をカバーしているのは、やはりAdobe Illustratorと Photoshopでしょうか。, どちらも「Web用に保存」コマンドを持っており、これを使用することで「JPEG」「GIF」「PNG」の形式を保存することができます。, また、SVGは「別名で保存」や「書き出し形式」などを利用して保存することができます。 Illustratorでは9.0以降、PhotoshopはCCからSVGでの保存が可能です。, ちなみに現在のバージョン(CC2017)では「Web用に保存(従来)」と名前を変えております。, 「ファイル」メニュー→「Web用に保存」