ryan/squoosh
1
0
Fork 0
forked from external-repos/squoosh
Code Pull Requests Activity

Refactor variable names for clarity

Browse Source
This commit is contained in:
robo-mop
2023-09-15 16:15:00 +05:30
parent f8804b1e4a
commit 82658c703f
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/features/encoders/avif/client/index.tsx
View File

@@ -48,6 +48,7 @@ interface State {
* We display it as 'effort' to the user since it conveys the speed-size tradeoff * We display it as 'effort' to the user since it conveys the speed-size tradeoff
* much better: speed = 10 - effort * much better: speed = 10 - effort
*/ */
const MAX_QUALITY = 100;
const MAX_EFFORT = 10; const MAX_EFFORT = 10;
export class Options extends Component<Props, State> { export class Options extends Component<Props, State> {
@@ -127,10 +128,10 @@ export class Options extends Component<Props, State> {
}; };
const newOptions: EncodeOptions = { const newOptions: EncodeOptions = {
cqLevel: optionState.lossless ? 100 : optionState.quality, cqLevel: optionState.lossless ? MAX_QUALITY : optionState.quality,
cqAlphaLevel: cqAlphaLevel:
optionState.lossless || !optionState.separateAlpha optionState.lossless || !optionState.separateAlpha
? -1 ? -1 // default AVIF alphaLevel
: optionState.alphaQuality, : optionState.alphaQuality,
// Always set to 4:4:4 if lossless // Always set to 4:4:4 if lossless
subsample: optionState.lossless ? 3 : optionState.subsample, subsample: optionState.lossless ? 3 : optionState.subsample,
@@ -190,7 +191,7 @@ export class Options extends Component<Props, State> {
<div class={style.optionOneCell}> <div class={style.optionOneCell}>
<Range <Range
min="0" min="0"
max="99" max={MAX_QUALITY - 1} // MAX_QUALITY would mean lossless
value={quality} value={quality}
onInput={this._inputChange('quality', 'number')} onInput={this._inputChange('quality', 'number')}
> >
@@ -314,7 +315,7 @@ export class Options extends Component<Props, State> {
<div class={style.optionOneCell}> <div class={style.optionOneCell}>
<Range <Range
min="0" min="0"
max="10" max={MAX_EFFORT}
value={effort} value={effort}
onInput={this._inputChange('effort', 'number')} onInput={this._inputChange('effort', 'number')}
> >