Bloggerにアップロードした画像を白黒にする

CSSでフィルターをかける(グレースケールに変換する)方法もありますが、こちらだと個別に適用しやすいかな

元の画像

元の画像

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoP-4WJW1qlaen-oagAjR9Zb_2GqDtyxBaKifqW5rZWw_jJi83KbnXe6yMR5Gty6abCIk6QfeNPcQ8K8X1KVAGhDR6di2ISEnfsilAIeJSGUR9ggoE1C4LqL7BDOfksJHKYB6CTXsLykPoztcKM4GeZ0xp8wLPbRTp33b3mIyq6MwdYyO0ZKrOQiA2ONJo/s1600-fbw=0/monastery.jpg

-fbw=0 のパラメーターを追加します

パラメーター追加後

パラメーター追加後

情報元:
ROTATE/FILTER/STYLE Google Photos & Blogger Images
https://2-bp.blogspot.com/2021/02/rotate-filter-style-google-photos.html

CSS grayscale(100%)

CSS grayscale(100%)

CSSの例

img {
  filter: grayscale(100%);
}