external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-13 01:07:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Generic options

Browse Source
This commit is contained in:
Jake Archibald
2018-10-19 08:42:51 +01:00
parent 8aca7badbe
commit 0ba3c57f10
5 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/codecs/browser-jpeg/encoder-meta.ts
View File

@@ -5,4 +5,4 @@ export const type = 'browser-jpeg';
export const label = 'Browser JPEG'; export const label = 'Browser JPEG';
export const mimeType = 'image/jpeg'; export const mimeType = 'image/jpeg';
export const extension = 'jpg'; export const extension = 'jpg';
export const defaultOptions: EncodeOptions = { quality: 0.5 }; export const defaultOptions: EncodeOptions = { quality: 0.75 };

2
src/codecs/browser-jpeg/options.ts
View File

@@ -1,3 +1,3 @@
import qualityOption from '../generic/quality-option'; import qualityOption from '../generic/quality-option';
export default qualityOption({ min: 0, max: 1, step: 0 }); export default qualityOption({ min: 0, max: 1, step: 0.01 });

2
src/codecs/browser-webp/encoder-meta.ts
View File

@@ -7,5 +7,5 @@ export const type = 'browser-webp';
export const label = 'Browser WebP'; export const label = 'Browser WebP';
export const mimeType = 'image/webp'; export const mimeType = 'image/webp';
export const extension = 'webp'; export const extension = 'webp';
export const defaultOptions: EncodeOptions = { quality: 0.5 }; export const defaultOptions: EncodeOptions = { quality: 0.75 };
export const featureTest = () => canvasEncodeTest(mimeType); export const featureTest = () => canvasEncodeTest(mimeType);

2
src/codecs/browser-webp/options.ts
View File

@@ -1,3 +1,3 @@
import qualityOption from '../generic/quality-option'; import qualityOption from '../generic/quality-option';
export default qualityOption({ min: 0, max: 1, step: 0 }); export default qualityOption({ min: 0, max: 1, step: 0.01 });

20
src/codecs/generic/quality-option.tsx
View File

@@ -1,6 +1,7 @@
import { h, Component } from 'preact'; import { h, Component } from 'preact';
import { bind } from '../../lib/initial-util'; import { bind } from '../../lib/initial-util';
import '../../custom-els/RangeInput'; import * as style from '../../components/options/style.scss';
import Range from '../../components/range';
interface EncodeOptions { interface EncodeOptions {
quality: number; quality: number;
@@ -33,18 +34,19 @@ export default function qualityOption(opts: QualityOptionArg = {}) {
render({ options }: Props) { render({ options }: Props) {
return ( return (
<div> <div class={style.optionsSection}>
<label> <div class={style.optionOneCell}>
Quality: <Range
<range-input
name="quality" name="quality"
min={min} min={min}
max={max} max={max}
step={step || 'any'} step={step || 'any'}
value={'' + options.quality} value={options.quality}
onChange={this.onChange} onInput={this.onChange}
/> >
</label> Quality:
</Range>
</div>
</div> </div>
); );
} }