๋ฉ”์ธ ์ปจํ…์ธ ๋กœ ์ด๋™
Version: 2.0.0-alpha.73

๐Ÿ“ฆ plugin-ideal-image

์ œํ’ˆ ๋นŒ๋“œ ์‹œ ๊ฐ€์žฅ ์ตœ์ ์˜ ์ด๋ฏธ์ง€(๋ฐ˜์‘ํ˜•, ์ง€์—ฐ๋œ ๋กœ๋”ฉ, ์ด๋ฏธ์ง€ ์ž๋ฆฌ ํ‘œ์‹œ์ž)๋ฅผ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋„ํ์‚ฌ์šฐ๋ฃจ์Šค ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค.

์„ค์น˜#

npm install --save @docusaurus/plugin-ideal-image

์„ค์ •#

docusaurus.config.js ํŒŒ์ผ์„ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค.

module.exports = {  ...+ plugins: ['@docusaurus/plugin-ideal-image'],  ...}

์‚ฌ์šฉ๋ฒ•#

ํ•ด๋‹น ํ”Œ๋Ÿฌ๊ทธ์ธ์€ PNG, GIF, JPG ํฌ๋งท๋งŒ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

import Image from '@theme/IdealImage';import thumbnail from './path/to/img.png';
// ๋ฆฌ์•กํŠธ ์ฝ”๋“œ<Image img={thumbnail} />
// ๋˜๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ์ฝ”๋“œ<Image img={require('./path/to/img.png')} />

์˜ต์…˜#

์˜ต์…˜ํƒ€์ž…๊ธฐ๋ณธ๊ฐ’์„ค๋ช…
namestringideal-img/[name].[hash:hex:7].[width].[ext]๋งŒ๋“ค์–ด์งˆ ํŒŒ์ผ์„ ์œ„ํ•œ ํŒŒ์ผ๋ช… ํ…œํ”Œ๋ฆฟ
sizesarray์›๋ณธ ํฌ๊ธฐ์›ํ•˜๋Š” ๋ชจ๋“  ๋„ˆ๋น„๊ฐ’์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์„ค์ •ํ•œ ํฌ๊ธฐ๊ฐ€ ์›๋ณธ ์ด๋ฏธ์ง€ ๋„ˆ๋น„๋ณด๋‹ค ํฌ๋‹ค๋ฉด ๋‹ค์Œ์— ์„ค์ •ํ•œ ์ด๋ฏธ์ง€ ํฌ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค(์ด๋ฏธ์ง€ ํฌ๊ธฐ๋ฅผ ํฌ๊ฒŒ ๋งŒ๋“ค์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค).
sizeinteger์›๋ณธ ํฌ๊ธฐ์›ํ•˜๋Š” ๋„ˆ๋น„๊ฐ’์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์„ค์ •ํ•œ ํฌ๊ธฐ๊ฐ€ ์›๋ณธ ์ด๋ฏธ์ง€ ๋„ˆ๋น„๋ณด๋‹ค ํฌ๋‹ค๋ฉด ๋‹ค์Œ์— ์„ค์ •ํ•œ ์ด๋ฏธ์ง€ ํฌ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค(์ด๋ฏธ์ง€ ํฌ๊ธฐ๋ฅผ ํฌ๊ฒŒ ๋งŒ๋“ค์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค).
mininteger์ง์ ‘ sizes ๊ฐ’์„ ์„ค์ •ํ•˜์ง€ ์•Š๊ณ  min, max, steps ๊ฐ’๋งŒ ์„ค์ •ํ•ด์„œ ์ž๋™์œผ๋กœ ํฌ๊ธฐ๊ฐ€ ์ •ํ•ด์ง€๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
maxintegermin ์„ค๋ช…์„ ์ฐธ๊ณ ํ•˜์„ธ์š”.
stepsinteger4min, max ๊ฐ’์„ (ํฌํ•จํ•œ) ๊ฐ’ ์‚ฌ์ด์— ๋งŒ๋“ค ์ด๋ฏธ์ง€ ์ˆซ์ž๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
qualityinteger85JPEG ์••์ถ• ์ˆ˜์ค€์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.