HP用の画像作成について

このQ&Aのポイント
  • 縦幅1000pxの小型パソコンで、縦サイズに大きな画像2000px以上を作成したい。snippingToolでは画面に見える範囲しか切り抜けないため、1枚の画像を作るのが困難。
  • 背景を透過するなども困難なため、ワード以外の有料ソフトが使えず、CSSでの配置も制約がある。どうやって画像を作成すれば良いか。
  • 画像を複数枚に分けて作成してもデザインの制約があるため、どうしても1枚の画像にしたい。
回答を見る
  • ベストアンサー

HP用の画像作成について

HP用の画像作成について 縦幅が1000pxの小型パソコンで、 縦サイズに大きな画像2000px以上の画像「1枚」を作成したいのですが、縦600pxの画像をワードで作って,snippingToolで、切り抜き保存。そして、画像を結合できるソフトで結合して、なんとか画像を作ったのですが、 snippingToolの画像を切り抜ける範囲は画面に見える範囲しか切り抜けず、デザインがずっと縦につながっている場合、限界があります。さらに背景を透過するなども困難です。 何枚かに分けて、細かく画像を作成したとしても、cssで配置などもデザインに限界がありますので、画像をどうしても1枚にしたいです。 どうやって画像作成してますか?作成すれば良いでしょうか? ワード以外は有料ソフト使えません。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

表示だけ50%にして、エディットすればいいかと思います。 あと、GIMPなどの無料ソフトもお勧めできるかと思います。 質問者さんの過去の投稿を知っているので、 もう一つ変わった手法も紹介します! PHPで2枚読み込んで、1枚で出力してしまう? なんて手もありますよ。 https://www.php.net/manual/ja/book.imagick.php (オフィシャルサイトですので、確実な情報ですよ)

hayosat
質問者

お礼

ありがとうございました。やっぱりGIMPなんですね。少しまえにダウンロードしていましたが切り取りの機能しか使ってませんでした。 もう少し調べてみたいと思います。

その他の回答 (3)

回答No.4

無料のオンラインツールPixlrとか使ってみては。 無料の割に高機能です。もちろん透過も可能。 サイズは、ソフトでは縮小表示して作業すれば良いでしょう。それならば、切り抜きも全体を見てできます。

hayosat
質問者

お礼

ありがとうございました

回答No.3

どんなパソコンを使っているのかによりますが、大きめなテレビがあるなら、HDMIケーブルで繋いで、そちらに出力させてテレビの画面を見ながら操作すれば良いのではないでしょうか? >縦幅が1000pxの小型パソコンで というのは解像度の話ですよね? あまりそういう言い方は聞いたことがありません。 1920×1080 みたいな感じなら分かりますが。 大きな画僧が低解像度の画面では映しきれないから編集もままならない、という悩みですよね? スマホで編集するという手もあると思います。 写真の結合はよくやるけど、切り抜きは滅多にしないしなぁ スマホになら切り抜きアプリで、拡大や縮小させながら、動かしながら、切り抜いていけるアプリがあったような気がします。 パソコンでの結合は、PhotoScape リサイズは、藤 -Resizer- をよく使います。参考までに。

hayosat
質問者

お礼

ありがとうございました

回答No.2

フリーソフトの画像編集ソフトを使ってみては? https://ferret-plus.com/5322 有名なのがGIMPです。 https://the-gimp.softonic.jp/ 無料なのに高性能です。 高性能すぎて難しいと感じるかもしれませんが。 ブラウザ上で操作するモノもありますよ。 https://liginc.co.jp/web/tool/159924

hayosat
質問者

お礼

ありがとうございます。

関連するQ&A

  • スマホの背景画像について

    タイトル通りスマホの背景画像について質問です。 初めて作成するので、まずはいろいろ調べたところ縦向きが320px で 横向きが480pxなので一般的にデザインカンプを作る際は320pxで作る ようなのでその通りにしております。 縦向きの場合には、サイズが合っているので表示もおかしくないのですが 横向きにしてしまうと間が空きます。 こんな問題があるので、できるだけ画像は使わないようにとのこともありますが 背景画像を使う場合、うまく表示できる方法はありますか? 例えば、480pxで背景画像を作りcss3のbackground-sizeを使い縦向きであれば 320pxで横向きであればそのまま表示させるようにするとか思いついたのですがこの 方法はありでしょうか?

    • ベストアンサー
    • HTML
  • ワードで作成した画像を保存すると劣化してしまいます

    windowsのPCに入っているsnippingtoolを使ってをword内で図形等を組み合わせて作成したイラストをsnippingtoolで切り取って、フォルダに保存。 そして再びword内にある「挿入タブ」でその保存した画像をword内に配置して、画像を直接縮小すると、wordで書いた同じイラストと比べると画像が劣化しているのように見えるのですが、これは何とかなりませんでしょうか? ACの画像を拡大ツールを使うとましになるのもありますが、wordで直接書いた見た目にはかなわないです。 ちなみに保存したイラスト画像の使い道は他の人のワードに乗せたりして使用するつもりです。またワードで印刷もします。 付属の画像がそうです、下にあるワードで書いたイラストが劣化しています。すこしぼやけているのが分かると思います。あまり変わらないようにも見えますが、印刷等も考えているのでやはり気になります。 ワードで書いたものはもっと鮮明に見えます。

  • Illustratorで作成、pngで保存するとサイズが変わる

    Illustratorでイラストを作成しています。 例えば、新規ドキュメント縦100px×横100pxで作成します。 イラストはこのドキュメントに対し、横長のイラストです。 実際のイラストは、縦80px×横100pxぐらいとします。 「Web用に保存」で設定は「PNG-24」、背景を透過させるため、透明部分にチェックを入れています。 この時、ドキュメントは縦100px×横100pxの正方形で作成しているのに、PNGで保存されたファイルは縦80px×横100pxぐらいの横長になります。 これを、縦100px×横100pxの「PNG-24」(背景透過)で保存するにはどうしたら良いのでしょうか? なお、イラストのサイズは変えたくありません。 初歩的な質問ですが、よろしくお願い致します。

  • HPの画像

    ホームページをWordで作成しました。 画像を挿入しています。 埋め込みではなく、リンク挿入を していますが、 アップロードすると、画像が表示さ れるまでの時間がかかります。 これは、Wordで作成しているからで しょうか? (まだ、HP作成ソフトが届いていない ので、急遽WORDで作成してしま いました。) 画像を早く表示させる方法を教えて ください。

  • iflameのテーブルは透過し画像は透過しない方法

    ホームページを作っています。 CSSを使用し、インラインフレームのページを作っております。 そこで困っているのがCSSの設定なのですが、 インラインフレーム部分とメニューコンテンツの部分の背景を 半透明に透過したい&画像は全て透過したくないのです。 そこで、まずはメニューコンテンツ部分の背景を透過するため CSSの方を下記のように設定しました。 .sitetitle{ font-size: 20px; font-weight:bold; color:#666633; letter-spacing:4px; padding:0px 0px 5px; background: #fff; filter:alpha(opacity=50); opacity:0.9; } それから、このsitetitle内に載せる画像をHTMLで設定しました。 <div class="sitetitle"> <img src="index_files/03.jpg" width="210" height="170" ></div> ですが、 画像まで透過されてしまいます(キャプチャ画像のように) 画像は透過したくないのですが、どのように cssの設定をし、HTMLタグを書けば良いのでしょうか? ブラウザはFireFoxですが、グーグルクロムでも動作確認を行います。

    • 締切済み
    • CSS
  • JPEG+透過GIF画像の作成方法

    ある画像の上に他の画像を重ねて1枚の画像を作りたいのですが、何か方法があれば教えて下さい。 具体的には、JPEG形式の画像の上に透過GIFの画像を重ねて新しい画像を作りたいのです。透過GIF形式の画像はIrfan Viewというフリーソフトを使用して作りました。(私が使っているソフトでは、Irfan ViewしかGIFに対応していませんでした) このソフトはまだ使い始めたばかりで多くの機能を使いこなした訳ではありませんが、わかる範囲でいろいろ試してみましたが出来ませんでした。 Irfan Viewというソフトで作成可能ならばその方法、無理な場合は他のフリーソフトで作成可能な物があれば教えていただきたいです。 よろしくお願いします。

  • Windows10対応 画像変換フリーソフト

    よろしくお願いします。 Windows10に変えたら、いろいろ使えないソフトが出てきて 困っています。切り抜きもSnippingToolがついてますがBMPファイルにならない等不便・・・ どなたか画像変換フリーソフトでWindows10対応のおすすめのものを ご存じの方はお教えください。 体験版ですぐ使えなくなるものはダメです。 よろしくお願いいたします。

  • 【HP作成】画像を中央に表示させる方法

    度々お世話になります。 DreamWeaver初心者です。 ひとつの画像(330px×110px)を、どのブラウザでも画面中央に表示できるようにしたいのですが、どのようにするのがベストでしょうか? 以前、ビルダーでHPを作成していたときは、主にテーブルレイアウトを使ってきたのですが、少しテーブルレイアウトから離れてCSS中心で組んで行こうと思っています。 基本的な操作方法は解りますので、何かいい方法がありましたらお教えくださいませ。

  • 周囲が透けて見える画像の作成方法は?

    切り抜いた画像の周囲をぼかして、他の画像の上に貼り付けたいのですが、どのような画像の上にでも周囲がぼけた(つまり下の画像が透けて見える)切り抜き画像を作成することが出来ますか? それはどのソフトを使って、どのように作るのですか?

  • HPを一枚の画像として

    Wordなどの文書作成ソフトに ネットで公開されているHP全体を「画像」として貼り付けたいのですが どうすれば良いのでしょうか?

専門家に質問してみよう