質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
ImageMagick

ImageMagickとは、画像の表示や操作を行うオープンソースのソフトウェアです。プログラムはCで書かれており、GIFやJPEG、PDFなど画像ファイルフォーマット100種類以上に対応しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

3回答

2219閲覧

スクショした画像をhtmlとして表示させたい

shibanba

総合スコア7

ImageMagick

ImageMagickとは、画像の表示や操作を行うオープンソースのソフトウェアです。プログラムはCで書かれており、GIFやJPEG、PDFなど画像ファイルフォーマット100種類以上に対応しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2020/01/30 08:16

スクショした画像を貼り付けたいのですが、絶対パスと相対パス的なこちらのサイトを参考にしました。
https://wp-p.info/tpl_rep.php?cat=html-biginner&fl=r13

ネットで拾った画像は表示できたのですが、macでスクショした画像ってどうやって表示させるのでしょうか?
また、どうやるのが一般的なのでしょうか?

初心者なので、わかりづらければ申しわけありませんm(_ _)m
是非よろしくお願いいたします!

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

mutsuki22

2020/01/30 08:31 編集

方法自体はいくつかあるので後半はともかくとして、ネットで拾った画像が出来たなら同じ方法で出来ませんか? そのネットの画像はどうやって表示させたのですか?
shibanba

2020/01/30 08:33

スクショした画像のURL化ができないです。 ネットの画像ですと、元々URLが指定されていますが、スクショだとURL化のサイトを使ってもURLを使用した画像 にはならないので困ってます。
mutsuki22

2020/01/30 08:45 編集

アドレスをリンクして表示したって事ですね。 質問なのですが、画像を表示されれば大丈夫ですか? ネット上の上げた上でURL化したいとかありますか?
shibanba

2020/01/30 08:46

そうですね! herokuでデプロイしてるのでそれで見れれば大丈夫です! 画像表示できれば手段は問わないのですが。。。
guest

回答3

0

自己解決

railsなので、assetsの欄に画像を配置しないと、ローカルでは表示がされません。なので、他をいじっても無駄ということでした。。。

投稿2020/01/31 01:45

shibanba

総合スコア7

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

イメージ説明

投稿2020/01/30 11:36

shibanba

総合スコア7

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shibanba

2020/01/30 11:59

こんな感じです!
m.ts10806

2020/01/30 22:42

いえ、質問本文を編集してください。 ここは回答欄です。
shibanba

2020/01/31 01:43

解決しました。ありがとうございます。 原因は、railsなので assets の欄に書かないと表示されないということでした。。。
guest

0

表示されればいいのであればimgタグ等を利用して画像ファイルを指定すれば良いかと思います。

指定方法は上記のサイトや以前回答した質問が参考になるかと思います。

html 画像が表示されない
フォルダ内の画像を載せるには?

この認識で合ってますか?

投稿2020/01/30 08:53

mutsuki22

総合スコア445

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shibanba

2020/01/30 10:06

そうですね!まさに下のリンクがそのとおりだと思います! 一応閲覧させて頂いたんですが、今回の場合ですと、、、 app>views>posts>index.html.erb この階層で、index.html.erbの中に<img src="./img/image.jpg">と書いたがダメでした。 image.jpgはapp>views>posts>image.jpg にあります。 こちらでなぜ画像が表示されないのでしょうか?
mutsuki22

2020/01/30 11:22 編集

ご提示頂いて階層が正しいならパスが違います。 画層とhtmlって同じ階層にあるって事ですよね。 でしたら、<img src="image.jpg">で良いはずです。
shibanba

2020/01/30 11:35

同じ、postsにあるのに、そのパスでやってもならないんですよね。。
mutsuki22

2020/01/30 11:54

スクショより質問にコード載せてもらえた方がチェックしやすくて助かります。 それとスクショ載せるにしても質問に追記して下さい。 スクショではきちんと見られないので、あくまで可能性ですが、間違って全角スペースが入ってるとかですかね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問