Photoshopの画像から背景をすばやく表示する

サイトのデザインを作成するとき、私はしばしばシームレスな背景を作成する必要があります。 作業の結果を表示するには、画像を保存し、同じフォルダーにhtmlファイルを作成し、対応する要素のプロパティを登録する必要がありました。 しかし、photoshopはこれを自動的に行うことができます。

スクリーンショットでphotoshopがロシア化されていないことを事前に謝罪し、必要な要素を色で強調しようとしました。
それでは、最も単純な図の例を見てみましょう。
画像
次に、メニューに移動して、[ファイル]> [Webおよびデバイス用に保存]を選択します。これは通常、Web用の画像を保存するときに行われます。
画像
画面の右上隅に表示されるウィンドウで確認できるように、オプションのリストを展開し、[出力設定の編集]を選択し、[設定]ドロップダウンリストで背景画像を選択します。
画像
[OK]をクリックしてウィンドウを閉じ、[プレビュー]をクリックします
画像
その結果、ブラウザーが開き、ページの背景として画像が表示されます。
画像
もちろん、ページコードを含む白いテーブルが邪魔になり、それを取り除く方法をまだ見つけていませんが、背景がどのように見えるかについては、すでに理解できています。


Source: https://habr.com/ru/post/J89208/


All Articles