シリウスを使ってのGIF画像の保存工程
GIFアニメーション画像は、パソコンより呼び出したサイズがシリウスで表示されますが、
画像管理でサイズを変更、または手動でサイズ指定を書き加えれば好みのサイズに
変更が可能です..
しかし、ヘッダー画像はパソコンより呼び出したサイズが反映されないという結果で
小さな画像であればそのままのサイズで可変なし...となるのですね..
ヘッダー画像用か? ロゴサイズの縮小画像とする場合、もしくは何かしらの
事情でサイズ指定ができない...
そんな場合は、シリウス機能&パソコン機能で指定した画像サイズで
ファイル保存する...
と、その時の指定サイズが呼び出しファイルで反映されるのです..
作業は、いたって簡単ですが 切り取りはできません
あくまで縮小か、拡張です...
記事内にGIF画像を読み込み配置してみます
<img src="<% pageDepth %>img/1444251161903.gif" alt="" />
呼び込む画像指定コード...ここは所有するGIF画像コードに書き換えてください
img/1444251161903.gif
画像コードに指定サイズを追加します
数値は自己判断で....横縦とも書き換えてください
width:1000px;height:326px;
追加例
<img src="<% pageDepth %>img/1444251161903.gif" style="width:1000px;height:326px;" alt="" />
ここでの注意事は、サイズをヘッダーに合わせる数値にした場合基本画像により..
.細いものが太くなったりと変化しますので、なるべくは横長のあまりレイアウトが
変化しない画像を選んでください...
ロゴの場合は、縮小ですのでさ一緒からメイン箇所が小さすぎない画像を選びましょう..
追加が完了しましたらプレビューします
可変が確認されましたら
マウス右クリックでメニューを表示させ
画像を保存で、パソコン内にリサイズしたサイズで画像が保存されます..
ヘッダーで使う際、横サイズを1500pxで指定したとしても980pxで拡張が制限されますので
サイト幅にご注意ください..
サイト幅 1000pxの場合は、サイドにスペースが空いてしまうということです..
ページTOP
シリウス機能でGIF画像ファイルのリサイズが反映される保存方法
GIFアニメ 動く画像をシリウスサイトに設置する方法のご案内
シリウスカスタマイズTOP
- YouTube動画やMP4からGIF画像を作成する方法のご案内
- シリウスサイト内にGIFアニメファイル 動く画像をyoutube動画やMP4から簡単に設置するカスタマイズ方法ご案内です
- シリウスサイトへ3D GIFアニメーション画像を設置してみよう
- シリウスサイト内に3D GIFファイルのアニメーション画像を設置.❔.3次元として脳が理解する立体化 スタイルとは?詳細カスタマイズのご案内です
- 一部分だけを動かすGIF画像加工シネマグラフ参考まとめ
- 一部分だけを動かす加工を施し魅力的なスタイルを表現するGIF画像シネマグラフをご覧いただき製作の手本として参照ください シリウスに洗練されたシネマグラフをカスタマイズしてナイスなサイトへ....
- GIF画像の編集が思うように進まれない方へ|ずるっこカスタマイズ
- シリウス内にGIF画像を自主制作して設置しようとしても思うようにことが進まれない方は 多少ずるっこですがいいカスタマイズ手法がございます 思考を変えてみましょう
- シリウスヘッダーをGIFアニメーション画像に切り替える設置方法
- シリウスサイトのヘッダーをGIFアニメーション画像に切り替えて表示するには 通常設定ではなくスタイルシートで指定することで対応が可能です
- ヘッダーフレーム内にGIF画像を自動で、リサイズ調整する手順
- シリウスサイトのトップヘッダーフレーム枠内に、正常にGIf画像のサイズが適合される自動リサイズ調整、および正常な動きを反映させるための工程をご案内いたします
- すべてのページヘッダーで異なるGIFアニメーション表示を設定方法
- シリウスサイトでは、すべてのページヘッダーで異なるGIFアニメーションの適合表示は、デフォルト指定ではできませんが、CSSに指示を加えれば簡単にできます
- ヘッダーレイアウトにロゴタイプのアニメーションを設置する方法
- シリウスサイトのヘッダーレイアウトにイメージ向上か?お遊び心か?目的は様々な要素で使えるロゴタイプサイズの動くアニメーションを設置する方法のご案内です
- シリウスのサイト背景をGIFアニメーション|シネマで表示する方法
- シリウスのサイト背景をすべてのページでワイドサイズのGIFアニメーション、シネマグラフで個別設定する方法のご案内です、よりハイレベルなデザインカスタマイズへお進みください
- シリウスのトップページ背景をGIFシネマで全体表示する設定方法
- シリウスのトップページ専用で背景をGIF画像シネマグラフで全体表示する簡単な設定方法のご案内です、下層には対応いたしませんが海外サイトのような構築が可能です
- GIF画像がいつしか非表示になっている?プレビューでの勘違い
- 当サイトの解説で掲載したはずのGIF画像が、気が付いてみると非表示になっていた?回復措置...