![](https://blog.rakupippi.com/blog/media/uploads/2023/07/15150559/%E7%94%BB%E5%83%8F%E7%B7%A8%E9%9B%862-1-262x1024.png)
目次
画像の変更
![](https://blog.rakupippi.com/blog/media/uploads/2023/07/15132128/%E7%B7%A8%E9%9B%86%E7%94%BB%E9%9D%A2_%E7%94%BB%E5%83%8F-1-1024x761.jpg)
変更したい画像をダブルクリックすることで素材選択画面が起動します。
画像のアップロードもこの画面から行います。
素材選択の詳細については下の記事をご確認ください。
画像サイズを変更する
![](https://blog.rakupippi.com/blog/media/uploads/2023/07/15150509/%E7%94%BB%E5%83%8F%E7%B7%A8%E9%9B%864-1.png)
画像のサイズを変更することができます。
基本的には、ブロックごとにデフォルトの画像サイズが指定されていますが、用途・デザインに合わせて、
特大・大・標準・小・特小
から選択してください。
画像の背景色を変更する
![](https://blog.rakupippi.com/blog/media/uploads/2023/07/15150608/%E7%94%BB%E5%83%8F%E7%B7%A8%E9%9B%863-1.png)
適用画像が透過PNG画像等の場合、背景の色を設定することができます。
パレットにはRAKUPiPPiの基本カラーをご用意していますが、下のカラーピッカーを使用して自由な配色が可能です。
画像にアニメーションをつける
画像に対しては、アニメーションをつけることができます。
※スライダーなど特殊な画像形式にはつけられない場合もございます。
アニメーションのサンプルは下記のページに一覧として掲載しています。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
アニメーションサンプル
RAKUPiPPi アニメーション サンプル 注意点 画像アニメーション テキストアニメーション 注意点 トリガー スクロールし、画面上に表示されたタイミングで動…
画像にリンクを設定する(URL/メールアドレス/電話番号)
![](https://blog.rakupippi.com/blog/media/uploads/2023/07/15150616/%E7%94%BB%E5%83%8F%E7%B7%A8%E9%9B%866-1.png)
画像に対して、
- URL(同タブで開く)
- URL(別タブで開く)
- TEL
各種リンクを設定することができます。
画像の情報を変更する(alt属性の変更)
![](https://blog.rakupippi.com/blog/media/uploads/2023/07/15150614/%E7%94%BB%E5%83%8F%E7%B7%A8%E9%9B%867-1.png)
何らかの理由で画像の読み込みに失敗した際に表示する代替テキスト情報のことをalt属性といいます。
画像内容の説明を登録しておくことで、画像を見ることができないユーザーに対しても正しく情報を伝えることができるため、なるべく記入しておくことが推奨されます。
画像をリセットする
![](https://blog.rakupippi.com/blog/media/uploads/2023/07/18144349/%E7%94%BB%E5%83%8F%E7%B7%A8%E9%9B%868.png)
変更・編集した画像を、デフォルトで設定されていた初期画像に戻します。
メニューで設定している各種情報はリセットされませんので、ご注意ください。